Jump to content

CSS to change hover color of button on header menu 7.1

Recommended Posts

Site URL: https://www.sitbelove.org/

Hello, Im having trouble getting the code to work to change the hover state of the header button on 7.1 


I have already added this css to change color: 

/*nav contact button color*/

.header-actions .btn 
{color: #fff !important;
border-color: #fff !important;
background-color: #304A55 !important;


Ive tried to add this to make the hover state change but im not sure how to write the code: .header-actions .hover

or, how i wrote it is not working.. Thoughts? The goal is to change the hover state to a different color OR to transparent outline. Thanks so much!! 

Password [buddha]



Screen Shot 2022-07-14 at 9.39.27 AM.png

Link to comment
  • Replies 2
  • Views 613
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.