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
  • Views 822
  • Created
  • Last Reply

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.