Flex compatibility

  • Resolved morvy

    (@morvy)


    2 years, 3 months ago

    Hi,

    seems like the plugin has issues when <li> is set to display:flex;. Icons are then aligned to left, sticked to the text. Blocksy theme uses it, but for good reasons, so adding 1 line of code in your plugin seems like a better way. Fix is easy, hope it’ll be in next release:

    .wc-stripe-card-icons-container,
.wc-stripe-paymentRequest-icons-container {
  margin-left: auto;
}

    Kind Regards,
    P.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Clayton R

    (@mrclayton)

    2 years, 3 months ago

    Hi @morvy

    Thanks for the feedback, we’ll take a look. There are many themes out there and it’s impossible to make the plugin look perfect for all of them. The nice thing is WordPress makes it very easy to add custom CSS to your site so you can make adjustments to suit your needs.

    Kind Regards

    Thread Starter morvy

    (@morvy)

    2 years, 3 months ago

    Hi,

    of course I’ve added it to my custom css for checkout, but I’ve seen a lot of flex aligned themes, it’s not just Blocksy that does it.

    At least this may be helpful to others with icon alignment issues. It also happens because of the icons being wrapped in a div, which is something I haven’t seen in other themes (and because of that, img alignment from Woo or Blocksy doesn’t work)

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Flex compatibility’ is closed to new replies.