Removing opacity on sold out products (Brooklyn Theme)

[Siseaswimwear]

Hello, 

I'm trying to remove the opacity on sold-out products. I'm using the Brooklyn theme. Hoping there is an easy solution! 

Thank you, 

Sophia 

[malalta · Accepted solution]

Hi Sophia, can you send a link to an example?

As a guess, you should be able to add this to the bottom of your "assets/theme.scss.liquid" file:

.is-sold-out .product--image {
  opacity: 1;
}

...to override the theme's default, but it's been a while since I've worked on Brooklyn. If that doesn't work it should be an easy fix with a link...

(It's a little cleaner to put your CSS overrides in a seperate file and load them in after "theme.css" in your "layout/theme.liquid" file - let me know if you want to do this and need more info...)

Cheers,
Andrew.

[malalta · Accepted solution]

Hi Sophia, can you send a link to an example?

As a guess, you should be able to add this to the bottom of your "assets/theme.scss.liquid" file:

.is-sold-out .product--image {
  opacity: 1;
}

...to override the theme's default, but it's been a while since I've worked on Brooklyn. If that doesn't work it should be an easy fix with a link...

(It's a little cleaner to put your CSS overrides in a seperate file and load them in after "theme.css" in your "layout/theme.liquid" file - let me know if you want to do this and need more info...)

Cheers,
Andrew.

[Siseaswimwear · Accepted solution]

Hey Andrew,

Thank you so much. That worked!

[CookStreet]

This solution worked! So grateful.

Thank you.