Return to previous page

Spaces Between The : & Texts Letters On Product Pages

This topic has 4 replies, 2 voices, and was last updated 2 years, 5 months ago ago by Tony Rodriguez

TFS

Participant

September 23, 2022 at 05:29

Hello,

On this demo; https://xstore.8theme.com/elementor/demos/niche-market02/product/air-fryer-with-dualzone/

On the top section; where it says

1) SKU – Categories – Tags – Share
How can I edit the space between the “:’ and the text that comes after?

On the page for example-

Categories: Groceries, Sale

&

Tags:Samsung,Store,T-Shirt,Television

The space between Categories: Groceries, Sale is better versus the tags line where there is no space between the “:” after tags.

How can I put a space break in there?

#334831 Copied Theme version: 8.3.3

3 Answers

Tony Rodriguez

Support staff

September 23, 2022 at 06:31

Hello, @TFS,

Actually, there is no option in the theme for this. You have to make it using custom CSS code.

Simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.

.single-product .et_product-block .product_meta span a{margin-left:10px !important;}

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

Regards 8Themes Team.

#334847 Copied

TFS

Participant

September 23, 2022 at 22:14

Hello Tony,

Thanks!
I have used 1px instead of 10 and it looks better.

How can I make Categories line the same way (same spaces) as it appears on Tags.
I have attached the URL on the private content area.

Appreciate your help

Please contact administrator
for this information.

#334921 Copied

Tony Rodriguez

Support staff

September 24, 2022 at 05:52

Hello, @TFS,

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 there.

.single-product span.posted_in a:first-child{padding-left:0px !important;}

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

Regards 8Themes Team.

#334941 Copied
Tagged: optimization, product pages, seo friendly, spaces between, template design, texts letters, woocommerce wordpress
Viewing 4 results - 1 through 4 (of 4 total)