screenplayer Posted June 27, 2020 Share Posted June 27, 2020 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
rwp Posted June 28, 2020 Share Posted June 28, 2020 #page a:hover { color: #000; } .sqs-block-button-element--small.sqs-block-button-element { color: white !important; } Link to comment
screenplayer Posted June 29, 2020 Author Share Posted June 29, 2020 Thanks but that doesn't work. Link to comment
rwp Posted June 29, 2020 Share Posted June 29, 2020 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
screenplayer Posted June 29, 2020 Author Share Posted June 29, 2020 That worked perfectly! Thanks! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.