Hello Harry,
Sorry you’re having issues.
Can you please explain exactly what “clicked link” you are referring to and exactly what option you are using to “Change the colour to white”?
There is not currently an option to change the page title colour, can you please let me know exactly what option you were trying to use to do this?
To completely hide the post / page header you can use “Customizer – Content Options – Hide Post / Page Header”. You can then add a header block which you can use to set exactly what colour you want for the title.
Oliver
The link on this page for the Riding Academy. Stays dark after selected so can’t read it on dark wallpaper.
https://joannagao.ca/home-page/horse-riding/
Because your background isn’t always dark, why don’t you add a glow effect with text-shadow to highlight it more … ? Try adding this to “Customizer – Additional CSS” …
p.has-text-color a {
text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white;
}
Oliver
But my question is, why doesn’t the addin work to turn the text to white?
Actually there’s a couple of reasons … firstly, the theme thinks your site is “light” not “dark” (probably because of the custom background colour you’ve chosen.
Secondly, you have set the colour of the text in the text block to be white and the theme’s CSS uses this …
p.has-text-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
… to make sure that links in blocks that have a text colour are set to be the theme’s link colour, which in your case is a dark colour because your theme thinks the theme is “light” (as explained above).
So … you can either use some CSS in “Additional CSS” like …
p.has-text-color a {
color: white;
}
… or you can set a darker background colour in “Customizer – Colours and Dark Mode – Background Color”.
Hope that helps to explain things.
Oliver
That was it. It was the background color. I had no idea the background color mattered when I had a full screen picture background. Thanks so much.
Great, glad that’s sorted!
Oliver
