[Resolved] Adding a WooCommerce filter

[Martin]

I wanted to remove the JCB and Diners Club cards from the WooCommerce checkout page:

I found this snippet of code on the web, and modified it to match the HTML that Woo is currently using:
https://silicondales.com/tutorials/woocommerce/remove-obscure-payment-logos-icons-woocommerce-stripe-gateway/

How do I properly configure a GeneratePress Element to make use of this?

GeneratePress 2.2.2

GP Premium 1.7.7

[David]

Hi there,

you won’t be able to add that function using the Elements module.
Either in you child theme functions.php or use Code snippets – more info here:

https://docs.generatepress.com/article/adding-php/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Martin]

Oh right, Code Snippets. I had that plugin and added it there, but it still didn’t work.

I noticed that each card had it’s own class, so I just added this to the Additional CSS, which did work.

.stripe-jcb-icon {display:none;}
.stripe-diners-icon {display:none;}

[Tom]

Glad you found a solution! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts