How do i change the color of my header?

How do I change the color of my header?
I tried following this instruction but I do not see Ethos

You can change the background colors in X > Theme Options > Ethos. And if you want to change the global page background color, you can find the setting in X > Theme Options > Layout & Design > Background Options.

Hope this helps.

I want to change my header color from white so that its different from the body

What my website looks like

What I want it to look like (I don’t mean the color black, I mean to make the header color different form the body)

Hello Shamalee,

Thanks for asking. :slight_smile:

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

.x-navbar {
    background-color: #999;
    padding-bottom: 10px;
}

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.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.