Debut Theme Featured Collection image opacity

Solved
hgorgeousg
Excursionist
14 0 8

I am using Debut Theme for my site. I was wandering how can i change the opacity for my featured collection at the front page which is right underneath the main image with text overlay. The images show up blurry, I would like them to be at the original color.  You can see it at my store at www.hgorgeousgirl.com Any help is appreciated. Thanks

0 Likes
Ninthony
Shopify Partner
1792 258 704

This is an accepted solution.

They are appearing transparent like that because they are "sold out" according to your theme. Since they are all sold out, the theme applies an opacity to the images. Which can be located in your theme.scss.liquid file in your assets folder:

 

.grid-view-item--sold-out .grid-view-item__image {
    opacity: 0.5;
}

I would leave that alone since it's a condition, and check your products to make sure they have a positive inventory, or to uncheck "Track Quantity" in the admin.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
Robert_Chen
Explorer
70 3 9
.grid-view-item--sold-out .grid-view-item__image {
    opacity: 1;
}

put this at bottom of your theme.scss.css file should be working like you want.

 

 

0 Likes
Ninthony
Shopify Partner
1792 258 704

This will work if you want them to appear normally even when they're sold out, I was under the assumption you weren't aware that's why they were appearing that way.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
hgorgeousg
Excursionist
14 0 8

Thank you all for this... i was looking at this css file all day and was pulling my hair out!  works brilliant.

0 Likes
JCG
New Member
1 0 0

Hello, 

I´m in a similar situation i would like my collection image to display without opacity when in grid view. 

 

thanks

0 Likes
RawCutSB
Tourist
5 0 1

bottom of what? 

0 Likes
annak
New Member
1 0 0

I tried it and it doesn't seem to work for me. The product isn't out of stock either, so I don't get it.

0 Likes