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
2920 504 723

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


| Satisfied with our solutions? Drop a review on Google

View solution in original post

Replies 4 (4)
JHKCreate
Shopify Partner
2920 504 723

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


| Satisfied with our solutions? Drop a review on Google

box160
New Member
2 0 1

WakeAndLake.com

geatti

JHKCreate
Shopify Partner
2920 504 723

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


| Satisfied with our solutions? Drop a review on Google

View solution in original post

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