Return to previous page

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

This topic has 6 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

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

#216566 Copied Theme version: 5.4 WooCommerce version: latest

5 Answers
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
#216577 Copied
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

#216604 Copied

Rose Tyler

Support staff

July 4, 2019 at 14:56

Hello,

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

Regards

#216607 Copied

Olga777

Participant

July 4, 2019 at 23:55

Sounds good. Thank you, Rose!

#216625 Copied

Rose Tyler

Support staff

July 5, 2019 at 07:10

You’re welcome!
Have a nice day.

Regards

#216629 Copied
Viewing 6 results - 1 through 6 (of 6 total)