Stripe Credit Card Payment Option too Small

[vastrong]

Hello there, I’ve just renewed my Theme today and updated the Theme but the Stripe Payment Option Box is too narrow and cant add information on it.

My Site

[ruenel]

Hello Tin Nguyen,

Thanks for writing in!

The Paypal image is 319x110 pixels while the card images with Stripe has a maximum width of 40 pixels only. It is because of this CSS code somewhere in the styles:

#add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
    max-width: 40px;
    padding-left: 3px;
    margin: 0;
}

Feel free to make adjustments to the code above and increase the maximum width to at least 75 pixels. You can add the resulting code in Pro > Theme Options > CSS.

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg