How to hide / remove unwanted card iscons?

Hello JapeNZ

Thank you for contacting Woo support.

The credit card icon near the Credit Cart title is a single image.
So you can either hide it or display it using custom CSS.

The icons in the credit card number field are separate.
You can write custom code to target individual elements and hide unwanted icons.

Here is a screenshot for your reference:

As per forum guidelines, we do not provide support for custom code.
I recommend you consult a professional web developer to write this custom CSS code.
You can find one at WooExperts or Codeable.

I hope this helps.
Let me know if you have more questions. ??

Best regards.

Hi @doublezed2,

Thank you for getting back to me ??

As mentioned in my original question all four icons are labelled ‘.p-CardBrandIcons-item’, as you’ve also shown in your screenshot.
If you open them up they do not have individual css that can be used to hide them, and as nth-child isn’t acceptable across all browsers it’s not ideal.

I appreciate you don’t provide support for custom code, but shouldn’t the option to hide card icons not available in your country be a standard setting?
Any chance the option to select which icons are displayed might be added to the plugin settings perhap?

Thanks again for your help.

Hi @japenz,

I appreciate you don’t provide support for custom code, but shouldn’t the option to hide card icons not available in your country be a standard setting?

We appreciate your valuable feedback and suggestions and always look for ways to improve our products and services. Input from users like you is invaluable. If your Stripe is set in a country where Amex isn’t supported, the icons should reflect this or at least be given the option to select the icons you wish to display; that’s an excellent call.

We have a website where you can submit feature requests and upvote the ones other people submitted and you like. You can check that out?here.

Please let us know if there’s anything else we can do to help or if you have further questions.

Have a wonderful day!
-OP

Hi @omarfpg,

Thank you for suggestion, I have opened a feature request as suggested: https://woocommerce.com/feature-request/option-to-hide-customize-icons-displayed-in-checkout/

In the meantime I’ll try and just hide all icons as it’s probably better to display none than show unavailable options.

Any idea how long it might take for someone to look at this?

Thanks for your help!

Hi @japenz,

I have opened a feature request as suggested:?https://woocommerce.com/feature-request/option-to-hide-customize-icons-displayed-in-checkout/

Glad to hear you’ve already opened a feature request.

However, it’s hard to provide an exact timeframe for when this feature will be implemented. The process involves merchants voting on features to help quantify demand and influence prioritization from product teams. It also involves a thorough review of the feature’s feasibility, its potential impact on the platform, and its alignment with our development roadmap.

You can read more on this here.

In the meantime, hiding all icons can be a good workaround.

Thank you for your patience and understanding.

There is no way to hide these icons (even all of them at once) with custom CSS because the form is in an iframe.

Hiding the card types (individually, or all of them) should be offered as a function of the plugin.