custom font colors and link on hoover

link is: https://www.templeoftheearth.org ??

How did you get the header to use a different colour? You say from a plugin, but how? Through CSS or through the plugin options? This is relevant to lead you onto the real question you want answered.

Hi Andrew,
thanks for diving into my question!

the plugin ‘advanced twenty seventeen’ has a feature to define header colors.
i used that one, and also defined this header color in google fonts plugin (H3) so i don’t know wich one did the trick.

in my custom css i didn’t define de headers, because it didn’t make a difference when i put the code there…

this is the code i added to my custom css to get a dark, semi transparent scheme and dark navigation:

.site-content-contain {
background-color: rgba(60, 12, 0, 0.7);
}

/* Active page */
.navigation-top .current_page_item > a {
color: #fff;
}
/* The menu text colour */
.navigation-top a,
.menu-toggle {
color: #fff;
}
/* color menu bar background */
html .colors-custom .main-navigation ul,
html .colors-custom .navigation-top,
.navigation-top,
.main-navigation ul {
background:#530f11;
border-top:0;
}
/* Color sub menu text color*/
.main-navigation a:link {
color:#fff;
}

/* active and hover */
.main-navigation .current_page_item > a,
.main-navigation a:hover {
color: #f79328!important;
}
.colors-custom .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #fff; /* base: #333; */
}

maybe this last line doesn’t make any sense… i was so frustrated that i tried a lot of things, and then suddenly it worked, but i don’t know why! :-s
that’s why i didn’t remove it…

the above code should not influence the header font though?

this is the code i added to my custom css to get a dark,

Okay great, -that Custom CSS section is actually working so there’s no problem there. I can see it being pulled through to the page.

If I assume by header you mean the navigation background colour, this is the CSS that allowed you to change it:

/* color menu bar background */
html .colors-custom .main-navigation ul,
html .colors-custom .navigation-top,
.navigation-top,
.main-navigation ul {
background:#530f11;
border-top:0;
}

So maybe before you weren’t using the correct CSS selectors, but who knows.

anyway, now there is this last small thing that i should fix:
the link on hoover is still black, and also the visited link, i would like to have it also in a lighter colour (and the uderline removed).

Looks like you already fixed this.