How do I change the text color on a button when hovering?

laurencartmell · July 24, 2017

I'm hoping to change the text color on the buttons on this page from black to white when you hover over them with the mouse: https://www.elizabethconwellcounseling.com/fees-forms/. Can someone help me out with this? Thanks!

Edited July 24, 2017 by laurencartmell
Initial Revision

dimsk · July 26, 2017

Hey @laurencartmell

I think this should do the trick in Design > Custom CSS:

.medium-button-style-outline
.sqs-block-button  :hover
.sqs-block-button-element--medium  {
   color: #fff;
}

Hope that helps!

laurencartmell · July 26, 2017

That did it, thanks so much!

carrie1 · February 6, 2020

Hey @dimsk!

This worked great on my site as well 🙂 Is there a way to make it work on Banners as well? One of my index pages has a banner image as well as an outline button and the code doesn't seem to work on the banner overlay image.

THANKS!

Site: https://chaba-thai-massage.squarespace.com/
Passcode: thailand
Page: Home
Template: Brine

How do I change the text color on a button when hovering?

Recommended Posts

laurencartmell

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

dimsk

Link to comment

laurencartmell

Link to comment

carrie1

Link to comment

Create an account or sign in to comment

News

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources