Variation Swatches – how to remove the shadow displayed for "out of stock" var?

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

  • Avatar: Olga777
    Olga777
    Participant
    July 3, 2019 at 20:52

    Hi there,

    The variation swatches are working better now, yet we have noticed that there is a some sort of circle shadow at the right angle below the “out of stock” variation displayed. Is there any way to get rid of it?

    Here is the link to the screenshot (shop page): http://test.olgalishansky.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-03-at-3.40.56-PM.png

    Here is the link to the screenshot (single product): http://test.olgalishansky.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-03-at-3.40.42-PM.png

    Thank you!

    Olga

    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 4, 2019 at 07:15

    Hello,

    Here is custom CSS code:

    .st-swatch-preview li.sten-li-disabled span:after {
        background: transparent;
    }

    Regards

    Avatar: Olga777
    Olga777
    Participant
    July 4, 2019 at 14:31

    Thank you, Rose.

    Upon adding the code, it shows some sort of warning – see attached screenshot http://test.olgalishansky.com/wp-content/uploads/2019/07/Screen-Shot-2019-07-04-at-9.19.43-AM.png. Is it normal?

    Thank you,
    Olga

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 4, 2019 at 14:56

    Hello,

    You’re welcome!
    Please ignore the warning in this case.

    Regards

    Avatar: Olga777
    Olga777
    Participant
    July 4, 2019 at 23:55

    Sounds good. Thank you, Rose!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2019 at 07:10

    You’re welcome!
    Have a nice day.

    Regards

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 6, 2025 at 15:24

    Dear Olga777,

    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 7 results - 1 through 7 (of 7 total)

The issue related to '‘Variation Swatches – how to remove the shadow displayed for "out of stock" var?’' 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.