Woocomerce checkout

Hi @mmdesignsldn,

You will need to add some CSS to override the padding and margins added to the stripe icons.

Your multi-step checkout plugin is adding padding-right:


You can use your browser’s Developer Tools and the Inspect tab to troubleshoot/tweak CSS on the site.

https://wptheming.com/2012/07/chrome-developer-tools-wordpress/

The “pay with your bank card” section can’t be moved non-destructively but you could style the form to remove some of the padding/margins to bring it closer to the credit card inputs.

Hope that helps!

@shellbeezy so I cant have it like this website ahdlondon.co/checkout

Hi there mmdesignsldn,

You can remove the padding around the icons with something like this:

.woocommerce-checkout .woocommerce .argmc-wrapper #payment ul.payment_methods li img {
padding-right: 0; 
}

This is resolved