Jump to content

How can I stop the hover effect on my add to cart button

Recommended Posts

  • Replies 6
  • Created
  • Last Reply
55 minutes ago, simkrys said:


body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
	background: #050505;
    color: #fefdfb;
}

 

Thank you this works, however only when I have the CSS open. once I close this menu it goes back to how it was. Or if I change to a different item it goes back to having the white overlay.

Link to comment
34 minutes ago, simkrys said:

maybe try adding 


!important

to override current styles as seen in this post 

Hi I tried this by putting it like this 

body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
    background: #050505;
    color: #fefdfb; !important
}

However it says there is a syntax error on that line, any other suggestions?

Thank you for your help I really appreciate it 

Link to comment

heya, it should come before semi colon like so:

body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
    background: #050505 !important;
    color: #fefdfb !important;
}

this is the extent of my knowledge poking around dev tool lol. 

Link to comment
7 minutes ago, simkrys said:

heya, it should come before semi colon like so:


body.primary-button-style-outline .black .sqs-add-to-cart-button:hover {
    background: #050505 !important;
    color: #fefdfb !important;
}

this is the extent of my knowledge poking around dev tool lol. 

IT WORKED!! lol thank you so much for your help. 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.