Formatting Issue

Hello @clancel

We are confused about customize the checkout page. Are you asking about the design of the checkout page?

Thanks,

Hi. Here’s how the checkout page look in the Astra theme.

snapshot: https://prnt.sc/uqjhm9

As you can see, the image of the credit cards displayed in the Astra Theme is smaller and better formatted. I would like my the checkout page to be more formatted like this. It doesn’t have to be exactly the same. I would just like the image to be smaller. Is it possible?

Hello @clancel,

For resizing the payment method image please add the following custom CSS.

.woocommerce-checkout .wc_payment_method img {
	width: 200px;
}

Hope this will help you.

Thanks,

Thank you. The code helped to resize the image. However, I would like the image to be more apart from the “What is PayPal?” text that follows. At the moment, they are too close. How can I put a space between the image and the text?

Please use the following code for spacing:

.wc_payment_method img {
	margin-right: 15px;
	margin-left: 5px;
	margin-bottom: 10px;
}

Thanks

Thank you for the code. It worked.