Change the theme color to the colors I want for my project

[ritafelix]

Hi,

I want the background color of the header changed to white and I want to be able to change the hover color for menu.

I want to be able to edit other colors too on the theme.

How can I do that?

[mldarshana]

Hi Rita,

Thanks for writing in! To change header background color, head over to X -> Theme Options -> Stack {Renew|Ethos|Integrity|Icon} and change Navbar Background Color.

To change link colors, head over to X -> Theme Options -> Header -> Link Text and change Navbar Links Hover.

Hope that helps.

[ritafelix]

Thanks a lot for your reply.

But, what about the “HEADER BACKGROUND” - Where you have the logo?

Please guide me on that.

Thanks.

[nabeel]

Hi again,

If you’re using Renew stack then to change the logo bar background color, go to Theme Options > Renew > Logobar Background and change the color (see screenshot)

Similarly you can explore other options as well over there and adjust the colors as per your need. If you’re using another stack then you can do it with custom CSS, just add the following code in the Theme Options > CSS:

.x-logobar {
    background-color: #a95151 !important;
}

Hope this helps!

[ritafelix]

Hi,

Thanks. I had to switch to RENEW.

[rad]

You’re most welcome!