Add hover effect to buttons - Theme Impulse

Technical Q&A
1

Hello, I am currently using the theme Impulse for my shopify store and would like to add a hover effect to all the buttons. I have tried some of the codes I could find in here but nothing is working…That would be awesome if someone can help me out with this one.

2

Hi @HayaDDch

Can you provide your store URL

3

@HayaDDch

Could you provide me store URL? I should be able to answer your question.

Yours faithfully!

4

Sure it is https://belles-ames-dubai.myshopify.com/

5

My store URL is https://belles-ames-dubai.myshopify.com/

6

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can add my code as follows: theme → Edit > Search “theme.liquid”. Then paste the code before the tag:

a.btn{ transition:all .4s } a.btn:hover{ color: red;//change color transform: translateY(20px);//change position background: white !important;// change background color }

If you find my comment useful, please let me know by giving it a Like. Thank you!

Richard - PageFly

7

Hi Richard,

Thanks I ll give it a try now. Just FIY for the buttons I want to keep them transparent with black borders, and when the mouse is on it I want it to be black border and light pink color.

8

Hi Richard, The code didn’t work at all. Not sure why but I didn’t see any change.