Text links not all correct colour

Hiya,

I've set my header links and text links to be red on this theme in Site Styles yet only some of them are correctly showing as red. Does anyone know why?

https://www.whyyoucreate.com/contact password: cr3ate

PS: the 'book a pr chat' link is H1 tag for SEO reasons, but as said above, the header links are set to be red so it should work, and in any case, the ordinary text link '@whyyoucreate' is also not working.

Thanks so much to anyone that can help.

You have 2 problems. A specificity issue  is the first problem(you have an important on the pr  button color) and the second is you target only the main navigation(using the wrapper class). Solution: Use !important to override the other !important on the book a pr chat link and also remove the wrapper class and add the #header id for bigger specificity:

#header :not(.header--menu-open) a {
    color: var(--navigationLinkColor)!important;
}

Thanks so much for your quick reply! 

I'm a bit of a beginner so not 100% sure I follow everything you've said, but to check in case of clarity, it's these links that are not going red for me: the first and third bullet point. I'm only trying to get them to go red automatically using the 'Site Styles' area, not custom css. (I think perhaps you are referring to my header button... as I had just tried changing that as want it lilac only on the homepage but then realised of course it changes it on every page so might just leave that to change with the theme...unless you know how I can get use custom css to have it a custom colour only on the homepage?)

Ahh I knew it was going to be something 'silly' like that, thanks so much for your help!