Jump to content

Form Buttons not consistent with rest of website.

Recommended Posts


Would like to have all buttons on my website to have an "all-ease-in" effect, so that it feels like you're manually pressing a button on hover.

However, the buttons on the contact forms, email sign-ups and navigation are not responsive to the CSS.
These buttons are only changing opacity.  

For reference, website is www.sovdimedia.com

CSS I'm currently using:

.sqs-add-to-cart-button, .sqs-editable-button, .sqs-editable-button-style, .sqs-button-element--primary {
  box-shadow: 5px 5px #000;
  border: 1px solid #000 !important;
  transition: all ease-in 0.2s !important;
.sqs-block-button-element:hover {
  box-shadow: none;
  transform: translateY(5px) !important;
  transition: all ease-in 0.2s !important;
  opacity: 1 !important;

What am I doing wrong? 

Any help would be appreciated!

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

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.