Removing opacity on sold out products (Brooklyn Theme)

Solved
Siseaswimwear
New Member
2 1 0

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 

0 Likes
malalta
Shopify Partner
23 5 7

This is an 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.

0 Likes
Siseaswimwear
New Member
2 1 0

This is an accepted solution.

Hey Andrew,

Thank you so much. That worked!

0 Likes