H1 text disappeared??

lionsmane · April 2017

We have a page title on this page surrounded by <H1> but the text is hidden on the live page. WHY???

https://mosaicartsandmore.com/client-spotlight/

Bryan · April 2017

Because You have set the color to white and cannot see it on a white background. It is not hidden.

lionsmane · April 2017

I can't see where that color has been set? I don't see it in the them options under Fonts?

Bryan · April 2017

Maybe the answer is not in fonts, but in colors>headings??

lionsmane · April 2017

So yes, that's where it was. We changed it there because we need to use a text logo in the header, and needed it to be white to contrast against the background color. But we need to use H1 elsewhere on the site for SEO, and it needs to show up! Suggestions?

Bryan · April 2017

You can use custom css like this

.page-id-xx h1 {color:red !important;}

Insert the id of the page where the xx is and change the color to any you want. This way you can have custom h1 colors on any page.

lionsmane · April 2017

Hmm.. where do I find the page ID?

Bryan · April 2017

You can see it when editing the page in the URL bar.

.../post=111&action=edit

Do the id will be 111 for this example.

H1 text disappeared??

Comments