Massive Visa, MasterCard, etc. logos!

<rect id="Rectangle-1" fill="#2557D6" sketch:type="MSShapeGroup" x="1" y="0" width="750" height="471" rx="40"></rect>

How can I reduce these sizes? To get to where a customer will enter credit card information, they have to endure what may appear like an infinite scroll. 5 credit card images times 471 height is 2355 pixels before they can enter their credit card information.

Was discussing this in other support forum, but wanted to post my temporary fix here in case anyone else has issues….

There’s nothing in woocommerce.css to control the size of the credit card images and the individual .svg files for each credit card logo apparently are being used (width=”750″ height=”471″). This is why I think the images are so large and causing my customer to have to scroll alot to enter their credit card info.

My temporary fix was to add a max-height of 40 to the woocommerce css.

#payment ul.payment_methods li img{vertical-align:middle;margin:-2px 0 0 .5em;max-height:40px;padding:0;position:relative;box-shadow:none}

I’m sure modifying the core css is not desired, but provided a quick fix to prevent customers from having to scroll 2,000+ pixels to enter their credit card info. Besides that, it just looked gaudy and unprofessional. Unfortunately my change also resized the paypal image size, but beats what was displaying.

I’m thinking this is not a problem with my theme since the credit card image sizes are controlled within woocommerce.css and the .svg files (is a default size of 750×451 per image really needed). Can you please look into this as I would really like the credit card images to be somewhat consistent and avoid having to update the css with each version change.

I too have his issue, used your fix. Worked like a charm! Thank you so much for posting!

Hey folks,

Thanks captaincrank for posting your solution! We’re seeing more people having issues with .svg files. 99% of the times this is a problem within the theme you’re using. Some themes don’t handle .svg files well. Just to make sure, you can switch back to the Twenty Sixteen theme temporarily and see if the problem persists. captaincrank’s solution is a great one!

Problem is still there and most annoying to my customers. Woo needs to fix this!