Stripe Logos are very big for my site in the checkout

[Niklas]

In the past you provided me with this code:

.woocommerce-checkout #payment ul.payment_methods li img {
float: none;
}
.woocommerce img, .woocommerce-page li.payment_method_stripe img {
max-width: 60px;
}

But then also other pictures on the homepage are affected

[David]

Hi there,

Thy changing this line:

.woocommerce img, .woocommerce-page li.payment_method_stripe img {

to:

.woocommerce-page li.payment_method_stripe img {

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

[Niklas]

It’s better, but the logos are still really big.

[David]

Remove your other CSS and use this:

.woocommerce-checkout #payment ul.payment_methods li img {
    float: none;
    max-width: 60px;
}

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

[Niklas]

Works! Thanky you!

[David]

You’re welcome

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

[Author]

Posts