Credit Card Icons are HUGE

  • Resolved 4kittenbritches

    (@4kittenbritches)


    6 years, 11 months ago

    The icons are HUGE on my checkout page! For Visa, etc. They are showing up at 750×471. I added this to css, which shrinks them (and unfortunately my regular-sized paypal icons too), but wanted to let you know about the issue!

    #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    max-height: 50px;
}

    Thanks!

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

Viewing 1 replies (of 1 total)
  • Plugin Support John Coy a11n

    (@johndcoy)

    Automattic Happiness Engineer

    Hi @4kittenbritches,

    Whoa! I see what you mean. I took a closer look at the code and it appears the width of 32px we set is still in the code:

    https://cld.wthms.co/Tc3XGF

    However, the Fun theme is likely applying overrides to the WooCommerce template files as .woocommerce-checkout #payment ul.payment_methods li img was a stying method from a previous version of WooCommerce. So the theme authors may want to review the template overrides within the theme.

    For a list of template overrides applied by the theme you can find these under WooCommerce > Status under the Templates section.

    If you’d prefer not to deal with the theme authors I’d suggest to use this CSS in place of what you’ve provided:

    .woocommerce-checkout #payment .payment_method_square img {
    max-width: 32px;
}

    This will apply the width limit to the Square payment method images only, rather than all payment method images.

    Hope that helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Credit Card Icons are HUGE’ is closed to new replies.