Checkout credit card icon SVGs

  • Resolved solarian

    (@solarian)


    4 years, 7 months ago

    I’m using the latest Astra theme and WooCommerce 4.01, and have noticed in my dev environment that on upgrade to WP5.4, instead of the little Stripe credit card icons appearing at their proper size (roughly 40x20px), they now display at the full size of the SVG, which is comparatively huge. This doesn’t happen with the GoCardless or Paypal Express Checkout plugins, which use PNGs.

    The following CSS is no longer showing up in the Firefox Inspector on update to WP5.4:
    img.stripe-icon {
    max-width: 40px;
    padding-left: 3px;
    margin: 0;
    }

    No idea what’s causing it. Thanks for any assistance.

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

  • Hi there!

    Without a site URL, it is a bit difficult to see this on your site, but I and a look at my test site with the latest versions of WordPress, WooCommerce, and Stripe and the icons show correctly.

    I had a look at the CSS on my site and you can add the following CSS to your site under Appearance > Customize > Additional CSS and play with the max-width to get it right;

    img.stripe-icon {
    max-width: 40px!important;
}

    Stripe-icons
    Link to image: https://d.pr/i/GWbkuk

    Thread Starter solarian

    (@solarian)

    OK, many thanks.

    Pleasure and I would also suggest you reach out to the developers of your theme to have a look at this for you/

    I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Checkout credit card icon SVGs’ is closed to new replies.