Remove a card icon on cart page

  • Resolved mosesclarke91

    (@mosesclarke91)


    3 years, 8 months ago

    Hello,

    I am looking for the CSS coding to remove the american express card icon from my cart page. I currently have a visa icon, a mastercard icon and an american express icon. I would like to only have the visa and mastercard showing.

    Any help with the coding for this would be very much appreciated.

    TIA ??

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

  • Hi @mosesclarke91!

    Any particular reason you would want to hide the American Express icon? Is it that you don’t want to accept those cards as a payment method?

    For purely cosmetic purposes though, you can try the following CSS:

    .wc-block-components-payment-method-icons .wc-block-components-payment-method-icon--amex {
    display: none;
}
    Thread Starter mosesclarke91

    (@mosesclarke91)

    Hello,

    Thank you so much. Yes it was to remove the american express icon as I do not accept this type of payment on my online store.
    Thanks again for your help. Hope you have a great day ??

    Glad we could be of some help @mosesclarke91!
    I’ll mark this as resolved since you seem to have fixed it with that snippet. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Remove a card icon on cart page’ is closed to new replies.