Variation Swatches for single product page to add “:” sign

This topic has 4 replies, 3 voices, and was last updated 8 months, 4 weeks ago ago by Andrew Mitchell

  • Avatar: SS
    SS
    Participant
    February 24, 2024 at 18:21

    Hi Team Support,

    I’d like to ask if it’s possible to add sign “:” after variation title?
    Example, Color: or Size:
    Please see screenshot for the sample.

    Thank you!

    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 24, 2024 at 23:10

    Hello,

    Thank you for reaching out to us with your request.

    We understand that you would like to add a colon (“:”) after the variation title, such as “Color:” or “Size:”. We would be happy to assist you with this customization.

    Please try to add the next code in Theme Options > Theme custom CSS > Global:

    .single-product form.cart table.variations th.label label::after {
        content: ":";
        display: inline-block;
        font-size: 18px;
    }

    Thank you for your cooperation, and we look forward to your response.

    Best Regards,
    8Theme’s Team

    Avatar: SS
    SS
    Participant
    February 26, 2024 at 11:25

    It works, thank you!

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    February 26, 2024 at 11:25

    Dear SS,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Variation Swatches for single product page to add “:” sign’' has been successfully resolved, and the topic is now closed for further responses

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