Changing Background Colors

Pixova Lite
21

Oh damn, my bad, i meant the header. My header is dark, your support team already gave me a css for this, but when i croll down it gets light again. see pictures.
When we turn the scrolled header dark, we also need to make the text of the menu in it light.

22

Hello there,

Thanks for clarifying.

This should help:


/*Dark Header*/
#header-wrap.smaller {
    background-color: black;
}
.smaller .logo {
    color: #fff;
}

Best Regards,
Support

23

Perfect, now i just need the menu color to be light, like it is when i havent scrolled, see pictures.
Kind regards
Chris

24

Hello there,

This should change the menu:


/*Menu colors*/
nav.main-navigation.logo-image.visible a {
    color: white;
}

#nav-expander i.fa-bars:hover {
    color: white;
}

Best Regards,
Support

25

Dear Support, its all perfect now, thanks a lot for your help and patience.
I will probably come back with new questions, as soon as i added more contenct, in 3 weeks probably :slight_smile:

Thanks again and have a nice day
Kind regards
Chris

26

Hello there,

I am glad the solutions helped you out.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support