Return to previous page

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

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

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.

#384644 Copied Theme version: 9.2.7

3 Answers
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
#384650 Copied
SS

Participant

February 26, 2024 at 11:25

It works, thank you!

#384765 Copied

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

#384766 Copied
Tagged: add sign woocommerce, customize woocommerce product, product variation sign, single-product page, variation swatches wordpress, woocommerce templates, wordpress variation swatches
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection