Hello @japenz!
These icons are generated by Stripe, they are not part of the plugin’s assets, so they can’t be removed. I noticed that there’s already an open issue about this in the Stripe repository, so hopefully, they’ll provide a solution or workaround in the future.
As a side note, Stripe dynamically renders these logos based on the country and their internal criteria (e.g., where AMEX is widely used). For instance, the AMEX logo doesn’t appear for customers where I live.
Thread Starter
JapeNZ
(@japenz)
Hi @babylon1999,
Thanks for the feedback.
Yeah as the legacy checkout is being removed so I’ve had to switch to the new checkout option.
In the legacy checkout I was able to remove the AMEX icon using css, but that doesn’t seem like an option in the new checkout… or if it is I can’t work out how to do it… doh!
I guess AMEX is available in NZ, but we had a run of fraudulent orders from the US all using AMEX so have intentially removed it as a payment option, and do not want it displayed on our site.
Hey @japenz ,
Thanks for reaching out!
I see you were able to remove the Amex icon using CSS with the legacy checkout, but that approach isn’t working with the new Checkout experience. That’s expected— as those icons aren’t actually part of the plugin’s assets.
Instead, Stripe generates them dynamically using JavaScript, which means CSS alone won’t be enough to hide them. Since the icons are rendered in real time through JS, CSS doesn’t have the ability to directly interact with them.
To get this working, you’d likely need to implement some JavaScript instead.
It looks like there’s already an open issue for this, which you can track here: https://github.com/woocommerce/woocommerce-gateway-stripe/issues/3514
I also noticed you submitted a feature request for an option to customize or hide these icons, which is a great step! You can keep an eye on that here: https://woocommerce.com/feature-request/option-to-hide-customize-icons-displayed-in-checkout/
At the moment, we don’t have a built-in workaround for this. If you need a custom solution, you might want to work with a developer who can adjust the icons with JavaScript.
Please note that under our Support Policy, we cannot provide extensive assistance with customizations. For more complex or advanced changes, we recommend reaching out to Codeable or a Certified WooExpert.
I hope this helps point you in the right direction!
