Hover Button Effect with Vantage theme

tombarber92
New Member
4 0 0

Screenshot 2021-08-04 at 17.02.09.png

I would like to add a hover effect to all the buttons on this website: https://o0pwd3vjmm1rlkub-58922991793.shopifypreview.com (Password: coachable)

I have added the hover effect to the rest of the buttons, but can't find any way to do it with any theme using Google.

0 Likes
Natztech
Shopify Partner
1901 493 1175

hello @tombarber92  for apply hover effect in your button 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. see screenshot http://prnt.sc/1jat9s0

#shopify-section-162739622078e43cbf .product-info{
	width: 15%;
       margin: 0 auto;
}
#shopify-section-162739622078e43cbf .product-title{
    display: block;
    padding: 12px;
}
#shopify-section-162739622078e43cbf .product-info:hover .product-title{
 background: #000000;
 color:#ffffff ;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
tombarber92
New Member
4 0 0

Hello @Natztech,

Thank you for that, it's a pretty cool addition to the homepage, however, I was talking about the button captured below.

Screenshot 2021-08-06 at 08.05.47.png

Is there a way to change this button type in the theme code to the other type of button that highlights when you hover over it?

0 Likes