WooCommerce Remove Stripe Credit Card Icon

Sometimes you do not want to show certain credit card logos during checkout when using the Stripe plugin.

There are two ways to remove those. CSS and with a filter.

The first is pretty straight forward, the following CSS placed in the Additional CSS file (You can access this through the customizer) will hide the icon.

img.stripe-amex-icon.stripe-icon {
    display: none;
}

The second method is to use the wc_stripe_payment_icons filter.

Here is a snippet that can help with that. Using this snippet you can remove or add various Credit Card icons.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.