Jump to content

Styling Button Font Color in Hover State

Go to solution Solved by Lesum,

Recommended Posts

Posted

Hi, I have added CSS to my site so that my secondary button (used here in my header) turns yellow on hover. However, the text is now turning white on hover rather than staying black. I've tried this code to keep it black on hover with no luck.

.sqs-button-element--secondary:hover {
    background-color: #F6FAA0 !important;
    font-color: black !important;
}

If anyone has advice on how to maintain the black on hover, I'd really appreciate it!

Screenshot 2024-06-20 at 2.06.59 PM.png

Screenshot 2024-06-20 at 2.07.05 PM.png

  • Replies 3
  • Views 954
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted

@Lesum Success! Thanks so much. I actually would like this styling for all secondary buttons, not just in the header. Do I just remove the #header part?

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.