Support » Plugin: Mollie Payments for WooCommerce » vertical-align of the icons is bottom instead of middle

  • Resolved pahedomotica

    (@pahedomotica)


    The payment icons are not aligned in the middle !
    Can it be fixed?

    Version 6.0

    • This topic was modified 1 year, 5 months ago by pahedomotica.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Inpsyde Niklas

    (@niklasinpsyde)

    Hello @pahedomotica,

    Does this happen only with version 6.0, or also with our previous version 5.11.0?
    Can you please try activating the Storefron theme to see if the issue persists?
    Thanks!

    Kind regards,
    Niklas

    Thread Starter pahedomotica

    (@pahedomotica)

    @niklasinpsyde Also in the previous version, see also https://github.com/mollie/WooCommerce/issues/463

    Thread Starter pahedomotica

    (@pahedomotica)

    @niklasinpsyde With the StoreFront theme the issue is gone. Do you have an idea where to look, it’s not from the theme css I think.
    This part brakes it:
    element.style {
    width: 32px;
    vertical-align: bottom;
    }

    Thanks Paul.

    • This reply was modified 1 year, 5 months ago by pahedomotica.
    Plugin Support Inpsyde Niklas

    (@niklasinpsyde)

    Hi @pahedomotica,

    Thanks for letting us know.
    There are always many potential code bits which could break things like this, so we can only redirect to the theme developers.
    But I am very glad that you were able to figure it out yourself.

    Kind regards,
    Niklas

    Thread Starter pahedomotica

    (@pahedomotica)

    @niklasinpsyde I found the line in the theme css and placed !important after it.
    Now it’s good 🙂

    Hello @pahedomotica

    I am with the same problem here. With Flatsome theme.
    Can you give me the CSS code / line (file) you changed?

    Thanks in advanced.

    Ton

    Thread Starter pahedomotica

    (@pahedomotica)

    @tdekleuver This is what I have changed
    Flatsome.css bestand aangepast
    In /shop/wp-content/themes/flatsome/assets/css

    Icoontjes mollie uitgelijnt
    Van:
    img{max-width:100%;height:auto;display:inline-block;vertical-align:middle}figure
    Naar:
    img{max-width:100%;height:auto;display:inline-block;vertical-align:middle!important}figure

    Thread Starter pahedomotica

    (@pahedomotica)

    @tdekleuver In Mollie versie 6.2.0 is het opgelost lijkt het.
    De icons zijn rechts en in het midden uitgelijnd.
    Is dat bij jou ook zo?

    Plugin Support Inpsyde Niklas

    (@niklasinpsyde)

    Hi @pahedomotica & @tdekleuver,

    With our newest update version 6.2.0, we have fixed the icon positioning with the flatsome theme. By default, they should now be aligned correctly on the far right.

    Additionally, all the icons now have a class that is called mollie-gateway-icon you can target to modify the icons via CSS as you wish.
    We hope this helps to adjust the icons to your liking.

    Kind regards,
    Niklas

    Thread Starter pahedomotica

    (@pahedomotica)

    @niklasinpsyde Thanks, it’s FIXED now 🙂

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘vertical-align of the icons is bottom instead of middle’ is closed to new replies.