How to change the opacity for product variant buttons when sold out - Impulse theme

Store Design
1

On this page I want to increase the opacity of the color variant buttons so they are easier to see. All my items have a zero inventory. thanks

2

Hi @Dtrachtman

The color is not so easy to see on purpose because the variants are sold out. This way the available variants stand out.

You can modify the color of sold out variants if you go in your theme editor => Assets folder => theme.css file (or theme.css.liquid) and then search for this piece of code:

.variant-input-wrap label.disabled

or this piece of code

label.disabled

and then change the css color (currently set to #e6e6e6).

Some css knowledge is preferable if you go this road.

3

Thanks for the suggestion. The reason I am changing the color is because I
need to disable all purchasing functionality for the time being on the site
but keep all the color variants really easy to see. The easiest was to set
all inventory to zero.

I went to that file, but neither of those pieces of code had the color set
to #e6e6e6. It was at #1c1d1d. I changed both of those places to #000 but
it did not change anything. Any other ideas? thanks
Dan