FROM CACHE - en_header

Brooklyn theme collection overlays

Solved
box160
New Member
2 0 1

Hi,

Where would the Collection highlights be changed? 

This screenshot shows the item unhighlighted:

Unhighlighted CollectionUnhighlighted Collection

Here is the item highlighted:

Collection Highlighted.png

themes.scss.liquid has a few references, though nothing seems to address opacity and color of the Collection Overlays. Who has ideas or solution? 

Accepted Solution (1)

Accepted Solutions
JHKCreate
Shopify Partner
3467 624 879

This is an accepted solution.

You can modify this by searching for the following class inside your theme.scss.liquid file: 

 

.collection-grid__item-overlay:after

 


And modifying the background-color property.

Let us know how that works out for you

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 4 (4)
JHKCreate
Shopify Partner
3467 624 879

Hi @box160 

Would you mind sharing your store's URL please?

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
box160
New Member
2 0 1

WakeAndLake.com

geatti

JHKCreate
Shopify Partner
3467 624 879

This is an accepted solution.

You can modify this by searching for the following class inside your theme.scss.liquid file: 

 

.collection-grid__item-overlay:after

 


And modifying the background-color property.

Let us know how that works out for you

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
styleisssh
New Member
3 0 0

Hello, could you provide the code to remove the overlay?  @JHKCreate 

https://vaxnujjt18pqa8he-59675574443.shopifypreview.com

styleisssh_0-1636876906639.png