Return to previous page

Unable to fill up the backgroung color to variation swatches

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

mirko

Participant

December 6, 2023 at 13:08

Hi im not able to fill up the selected backgroung color to make it easible understandin when selected, so i d like to have a BLK background and the green text. Section in Pics, many thanks

Please, contact administrator
for this information.

#375891 Copied Theme version: 9.2.5

6 Answers
Tony Rodriguez

Support staff

December 6, 2023 at 13:38
Hello, @mirko,

We hope this message finds you well.

To facilitate the customization you are seeking, we respectfully request that you implement the following CSS code. Please navigate to Xstore >> Theme Options >> Theme Custom CSS >> Global CSS, and insert the code provided below. Subsequently, ensure to clear your browser’s cache to observe the changes on your site. Should you wish to modify the color scheme, you are welcome to adjust the color values within the code to suit your preferences.
```
.single-product li.type-label.subtype-square.selected {
    background-color: #000 !important;
    color: green !important;
}
```
We appreciate your attention to this matter and are here to assist should you require further guidance.

Best Regards,
The 8Theme Team
#375900 Copied
mirko

Participant

December 6, 2023 at 16:44

Perfect like this but the same should be also on the shop page.

Thanks

#375942 Copied

mirko

Participant

December 6, 2023 at 17:25

Means all the same for the variation swatches indistintly where it is,

So home page, shop page, single product… everywhere the element is.

With the code it only works on single product but has to be everywhere.

Many thanks in advance

#375947 Copied

Tony Rodriguez

Support staff

December 7, 2023 at 05:31

Hello, @mirko,

Thank you for your response. We are pleased to hear that the solution has been effective for you. We have observed that it is functioning correctly on the shop page, as evidenced by the screenshot provided here: https://ibb.co/Ld0xfM2.

To assist you further, could you kindly provide us with the URL of the page and a screenshot where the issue persists? This will enable us to review the matter and offer the necessary Custom CSS for that particular section.

Warm regards,
The 8Theme Team

#375980 Copied

mirko

Participant

December 7, 2023 at 10:17

I had to change the code i ve used this:

li.type-label.subtype-square.selected {
background-color: #000 !important;
color: #49f400 !important;
}

Is the code correct!?

Best reguards

#376010 Copied

Tony Rodriguez

Support staff

December 7, 2023 at 12:19

Hello, @mirko,

We are pleased to confirm that the code is functioning correctly. Should it meet your requirements, please feel free to continue utilizing it as is.

We hope you enjoy your experience with Xstore. Should you have any additional questions or concerns, please do not hesitate to initiate a new discussion topic. Our team is dedicated to providing you with assistance at any time.

Thank you for reaching out to us. We wish you a pleasant day.

Warm regards,
The 8Theme Team

#376020 Copied
Tagged: fix woocommerce swatches, variation swatches color issue, woocommerce templates, woocommerce variation color fill, wordpress woocommerce problems
Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Unable to fill up the backgroung color to variation swatches’' has been successfully resolved, and the topic is now closed for further responses

Unable to fill up the backgroung color to variation swatches

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection