Return to previous page

Reduce the space between text and dot on checkout page

This topic has 3 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Jennifer

Jennifer

Participant

September 1, 2022 at 21:56

Hi there,

How can I reduce the space between the dot and the text on the checkout page on mobile version?

Thanks a lot!

#333013 Copied Theme version: 8.3.1 WooCommerce version: 6.8.2

2 Answers

Awais Ahmed

Participant

September 2, 2022 at 06:02

Hello, @Jennifer,

Thanks for using our Theme and for contacting us.

In order to solve your issue simply go to the Dashboard >> XSTORE >> Theme Options >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box.

@media(max-width:786px){.page-id-34813 #shipping_method label{width:125px !important;}}

Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/rRNHG6gk

Regards 8Themes Team.

#333020 Copied

Jennifer

Participant

September 2, 2022 at 13:48

Thanks a lot!
As always, works great!
kind regards,

#333079 Copied
Tagged: checkout, reduce, space, text, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Reduce the space between text and dot on checkout page’' has been successfully resolved, and the topic is now closed for further responses

Reduce the space between text and dot on checkout page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection