Formatting Issue

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Mystery Themes

    (@mysterythemes)

    5 years, 8 months ago

    Hello @clancel

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

    Thanks,

    Thread Starter clancel

    (@clancel)

    5 years, 8 months ago

    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?

    Theme Author Mystery Themes

    (@mysterythemes)

    5 years, 8 months ago

    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,

    Thread Starter clancel

    (@clancel)

    5 years, 8 months ago

    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?

    Theme Author Mystery Themes

    (@mysterythemes)

    5 years, 8 months ago

    Please use the following code for spacing:

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

    Thanks

    Thread Starter clancel

    (@clancel)

    5 years, 8 months ago

    Thank you for the code. It worked.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Formatting Issue’ is closed to new replies.