Missing Credit Card Icons Checkout

[Scubamobile]

Hi there,

My Checkout page was missing all Paypal and Credit Card Icons/Images. I have managed to get the paypal icons/images showing by adding this code to css

.woocommerce-account form .payment_methods label img,
.woocommerce-checkout form .payment_methods label img {
display: initial;
max-width: 150px;
}

.woocommerce-account form .payment_methods label a,
.woocommerce-checkout form .payment_methods label a {
display: block;
}

.payment_box.payment_method_paypal {
padding-left: 18px;
}

However the Credit Card Icons/Images are still not showing. Do you have any tips on how I can get them visible?

Many Thanks

[thai]

Hi @Scubamobile,

The credit card payment method doesn’t have the icon/image. To add the image next to it, please add the following CSS under Theme Options > CSS:

li.wc_payment_method.payment_method_paypal_plus {
    background: url(https://icons-for-free.com/icon/download-card_credit_card_debit_card_master_card_icon-67451.png) no-repeat right center;
    background-size: 100px 100px;
}

You can replace the https://icons-for-free.com/icon/download-card_credit_card_debit_card_master_card_icon-67451.png image with yours.

Hope it helps

[Scubamobile]

Very helpful, thanks for the super fast response!

Cheers

[thai]

You’re welcome.