Jump to content

Change Button background color on hover

Recommended Posts

Mess around with these colors as you like.


.primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover {
    background: #000 !important;
    color: #fff !important;

Link to comment
10 hours ago, anvnguyen said:

Never mind - got it to work on both buttons! If anyone knows how I can also remove the border color while hover it would be amazing! 

Use this code

button.newsletter-form-button:hover {
    border: None !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.