Brooklyn Theme : How to remove gray overlay from collection thumbnails?

Highlighted
Tourist
7 0 1

Brooklyn Theme: How to remove gray overlay from collection thumbnails?

0 Likes
Shopify Staff
Shopify Staff
184 0 19

Hey there, Dhanesh!

Bo here from Shopify Support.

That is a really great question. I reached out to the themes team to find out how to best do this.

NB When editing the CSS of your theme it is always a good idea to duplicate your theme first and making the changes on the duplicate. This will prevent any errors from occurring on your live site. We also recommend adding CSS to the bottom of the file as opposed to altering the preexisting code. The new code will overwrite the previous code

  • Go to Online Store > Actions > Edit Code.
  • Open the Assets folder and click on theme.scss.liquid.
  • Scroll to the bottom of this page and add the following code:
.collection-collage__item-wrapper .collection-grid__item-overlay:after {
opacity: 0;
}
  • Click Save.

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

All the Best,
Bo

0 Likes
Tourist
7 0 1

Thanks, it worked

0 Likes