How can I hide out-of-stock variants in Symmetry theme?

[ArneSchuilenga]

I would like to be able to hide variants that are not available (out-of-stock). Currently they are grey and not selectable. But I want to make sure these out-of-stock variants are not visible at all.

What do I need to do? I am using theme Symmetry.

[LitExtension · Accepted solution]

Hi @ArneSchuilenga,

Go to Assets > styles.css and paste this at the bottom of the file:

.cc-select__option.is-unavailable {
    display: none !important;
}

[ArneSchuilenga]

Yes this worked. Thanks !

[jhsnyc1]

@LitExtension I have a potentially complex question for you on symmetry. I will attempt to create new question and tag you or send you link. 

xx Jvw 

[Michi1976]

There is no file in this theme (7.2.1 Symmetry) in the Assets page called styles.css
So what to do?