Non Profit change header background and text color

[sshermen]

Could you tell me how to change the color of the header background and text? After searching I was able to change the background in css but after saving it’s still the dark color.

Also, I’ve been messing with the css - any way I could get all the original css from this demo so I can put it back how it was?

Thanks.

[Prasant]

Hello Steve,

Thanks for reaching out.

You can add following CSS under X > Theme Options > CSS:

.x-topbar {
    background-color: #ddd;
}

.x-topbar a, .x-topbar .p-info {
    color: #ededed !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[sshermen]

Appreciate the help.

I’m still not understanding how to change the color of the menu text. I’ve selected a white background and the menu text is white.

Thanks.

Steve

[lely]

Hi Steve,

Menu link text color can be change on Theme Options > Header > Navbar Links/Navbar Links hover:

Hope this helps.

[sshermen]

Thanks - should have figured that out.

[jade]

You’re welcome, Steve.