Jump to content

How do I create a color-changing hover effect on the contact form button and

Recommended Posts

Posted

Site: https://aqua-mauve-6272.squarespace.com/ 

Password: bettssite 

I was able to change the newsletter button and button blocks throughout the website, but I can't find the code to change the button color on the contact form in the contact page and the "learn more" and "read more" buttons in the list sections of the "Start Here" and "Newsletter" pages. I'm noticing I'm only unable to apply the hover code to the contact form and list section buttons. 

Is there code to change those green buttons to hover like the homepage and newsletter buttons on the website? 

  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

You can use this CSS code

a.list-item-content__button.sqs-block-button-element:hover {
    background-color: #ddbe7b !important;
    color: #fff !important;
}
div.form-block button:hover {
    background-color: #ddbe7b !important;
    color: #fff !important;
    opacity: 1 !important;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.