Jump to content

Button Hover Fade

Recommended Posts

Site URL: https://www.thebespokedesignco.com

Hello,

I cannot figure out the coding to change buttons on the newsletters and forms! Driving me crazy. Anyone know how to target form and newsletter buttons? Here is what I used for both body buttons and the header to fade from one to color to another when hovering:

 

// BUTTON COLOR FADE //

.sqs-block-button-element--medium.sqs-block-button-element {
background-color:#ebab9e;
color:#ffffff;
-webkit-transition: 3s;
transition: 3s;
}

.sqs-block-button-element--medium.sqs-block-button-element:hover {
background-color:#9D4331;
color:#ffffff;
-webkit-transition: 2s;
transition: 2s;
}

// HEADER HOVER COLOR FADE //

.header-actions-action .btn:hover {
background-color:#ebab9e;
color:#ffffff;
-webkit-transition: 3s;
transition: 3s;
}

.header-actions-action .btn:hover {
background-color:#9D4331;
color:#ffffff;
-webkit-transition: 2s;
transition: 2s;
}

Link to comment
  • Replies 1
  • Views 1k
  • Created
  • Last Reply

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.