Changing hover color of product title in featured collection

Solved
Highlighted
Shopify Partner
55 0 3

I don't really like the opacity hover on the products on my homepage, so I disabled it, but still prefer to have some type of hover effect.

 

Is it possible to change the color of the product title in my featured collection on the homepage?

 

Thanks!

 

0 Likes
Highlighted
Shopify Partner
775 123 376
Yes it is possible. Just share store link here. So i can give you exact solution.
Thank you
0 Likes
Highlighted
Shopify Expert
3280 526 768

Hi @William26 

If you have debut theme then you can follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.product-card__title:hover{color:green;}

Note: if not work then send you store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Shopify Partner
55 0 3

palmbeachdegenerate.com

0 Likes
Highlighted
Shopify Partner
55 0 3

Unfortunately It didn't work. I'm using the Minimal theme.

 

Thanks!

0 Likes
Highlighted

Success.

Shopify Expert
3280 526 768

add this css:

.grid-link__title:hover { color: red;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted

Success.

Shopify Partner
775 123 376
.grid-uniform p.grid-link__title:hover{
	color:#cd5656 !important;
}

put above code at the bottom of theme.scss.liquid file

1 Like
Highlighted
Shopify Partner
55 0 3

You guys are awesome. Is there a way for the text color to change when the entire product card is hovered?

0 Likes
Highlighted
Shopify Partner
775 123 376

yes it is possible . wait i will give you a code here


@William26 wrote:

You guys are awesome. Is there a way for the text color to change when the entire product card is hovered?


 

0 Likes
Highlighted

Success.

Shopify Expert
3280 526 768

Add this css:

#shopify-section-1586268906884 .grid__item:hover .grid-link__title {   color: red; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes