Unable to fill up the backgroung color to variation swatches

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

  • Avatar: mirko
    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.
    6 Answers
    Avatar: Tony Rodriguez
    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

    Avatar: mirko
    mirko
    Participant
    December 6, 2023 at 16:44

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

    Thanks

    Avatar: mirko
    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

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

    Avatar: mirko
    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

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

  • 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

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