Spaces Between The : & Texts Letters On Product Pages

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

  • Avatar: TFS
    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?

    3 Answers
    Avatar: Tony Rodriguez
    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.

    Avatar: TFS
    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.
    Avatar: Tony Rodriguez
    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.

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.