Jump to content

Button text color same as background, but it's not

Go to solution Solved by DavePI,

Recommended Posts

I am having an odd situation where I've added a Primary Button to a page, which links to another page on the site, but the text is the same color as the background. However, according to the theme (see screen shot) the text should be white.

It appears that the primary button text color choice is being ignored. If I change it, the button text color does not change. But if I change the background color, the background color changes.

What could be overriding my primary button text color?

image.thumb.png.658eb378b33a1567ffc5f7b51f93c4f9.png

Link to comment
  • Solution

Digging deeper I can see what the issue is. The site.css contains the following styling for anchor tags

a {
    color: #8a2445 !important;
    text-decoration: none !important
}

The link colour overrides the button text colour, and I guess my link colour is the same as my button colour. I find the override situation a bit odd, considering most buttons are links. Why have a button text colour setting if it is never going to be used?

EDIT: I am really forgetful! The problem is caused by custom CSS that I myself added as custom CSS. Doh! Now if I can just remember why I added that custom CSS 😛

Edited by DavePI
Discovered I am silly!
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.