Brooklyn Theme - Product image shade when mouse hovers over image.

Solved
Pametarium
New Member
3 0 1

In order to make it more obvious for our clients that a product image in the homepage is clickable to take them to that specific product page, I would like the image to show a stronger white shade when the mouse hovers it. Currently, it shows a very, very slight discoloration but it is nearly impossible to see it. Please help me understand how I can make this change for the Brooklyn Theme. Thanks in advance!

Accepted Solution (1)

Accepted Solutions
LitExtension
Shopify Partner
3373 665 726

This is an accepted solution.

Hi @Pametarium,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.grid-product__image-link:hover, 
.grid-product__image-link:focus{
	opacity: .5 !important;
}

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 3 (3)
LitExtension
Shopify Partner
3373 665 726

This is an accepted solution.

Hi @Pametarium,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.grid-product__image-link:hover, 
.grid-product__image-link:focus{
	opacity: .5 !important;
}

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
AvadaCommerce
Shopify Partner
3065 700 571

Hi @Pametarium ,

 

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

Pametarium
New Member
3 0 1

It did! Thank you so much!