No Payment Icons WooCommerce Checkout/ Integrity Stack

Hi!

My woocommerce checkout page is set up, but I have no Credit card or any other type of payment icons. How can I fix this?

Hi There,

To show the payment icons, please add this custom CSS under Theme Options > CSS:

.woocommerce-account form .payment_methods label img, 
.woocommerce-checkout form .payment_methods label img {
    display: inline;
}

Hope it helps :slight_smile:

Hello, Thai

Thanks for the code it did the trick. Only one other thing… how can I reduce the size of the PayPal logo so that it falls on the same line. I want the name and logo to line up evenly with the selection bubble just like it does for the credit card and Alipay options.

Hi @fantasy_5,

Please add this custom CSS to Theme Options > CSS

.woocommerce-checkout form .payment_methods label[for="payment_method_paypal"] {
	padding-left: 32px;
}
.woocommerce-checkout form .payment_methods label[for="payment_method_paypal"] img {
	max-width: 160px;
	margin-top: -17px;
    vertical-align: top;
}

Feel free to adjust those values.

Hope it helps,
Cheers!

1 Like

That did the trick. Thank you!

Glad we were able to help you :slight_smile:

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.