Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hi there,
I would like to remove the overlay (grey / opacity) on mouseover on the product images in the collection grids.
I've looked for that in theme.scss.liquid and could not find.
Any help would be appreciated.
Thanks.
Alex.
Solved! Go to the solution
Not sure if you made a copy of your original page before you made the changes and that is why I am seeing the code as being different then what it should be. Perhaps you have already changed things. If you have done that... using your original..make another copy and start with that. When you are in your theme.scss.liquid use Ctrl F to bring up a search bar. Copy and paste this into the search bar
.collection-grid-item__title-wrapper::before { <---------- Make sure it reads exactly like this.
When you find it post this directly underneath:
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: 0;
opacity:0 ;
}
If you still can not get it to work then you may need to hire someone to help you
Finde the
/*================ General slide styles ================*/
and finde this code below
.slideshow__overlay {
@include media-query($medium-up) {
@include overlay($z-index-slideshow-text);
opacity: 0.35; <- add this (0 is 0% opacity 1 is 100% - so 0.35 is 35% opacity)
This is it! NO coding...thanks.
merci beaucoup ça a marché
thank you sooo much I have been looking for hours
I did this code and it worked but also took away the hover Opacity, is there a way I can add the hover back?
User | RANK |
---|---|
113 | |
90 | |
70 | |
66 | |
46 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022