Jump to content

Changing hover text color on primary button

Recommended Posts

Hi there. So, when you hover over my primary button in my header, the text stays black and the background turns black, making you unable to read "contact me". I'm hoping to change the text color to white when hovered over. Please help! 

Link to comment
  • Replies 8
  • Views 110
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

I'm also trying to make it so when I click on the button in the header, it scrolls all the way down to my contact me form at the bottom of my page. So, if you have any info on how I go about that, that would be wonderful!

Link to comment

@rscreations Here's the code to fix the header button hover issue. Add this code under Custom CSS panel:

#siteWrapper.site-wrapper .header-actions-action .sqs-button-element--primary:hover {
    color: white !important;


If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.