Jump to content

Changing text rollover color inside button

Recommended Posts

Site URL: https://www.bhcpagroup.com/join-our-team

I have custom CSS sitewide for regular text links to rollover from burgundy to black:  #page a:hover { color: black !important;}

I'm not sure if this is causing the rollover text in the buttons to go to gray/black but whatever is the reason, it's hard to read. I'm trying to make the rollover text stay white but still keep the lesser background opacity on the rollover.

 

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Can you check again?

You need to remove the !important from your code and then add in the last block that I sent.

If you want it to work on all buttons, and not just the ones set to size small, you could use this instead:

.sqs-block-button-element:hover {
    color: white !important;
}

It will not work until you remove the !important from the code that you supplied in the first post.

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.