Changing header background color

Support
#1

How do I change the header background color? I currently just my logo with no background color and would like to have behind my logo a grey

#2

Hi Michael,

Are you using the default header? Please add the following CSS under Theme Options > CSS:

.x-navbar {
    background-color: #bdbaba;
}

If you use the header builder, you can easily change the background color of the bars in your header:

Hope it helps :slight_smile:

#3

When I tried using the code it only changed the background of the navbar behind the menu. I have my logo stacked above that and that all is staying white even when behind the menu changes.

The header builder is with the pro upgrade right?

#4

Hello Michael,

Thanks for updating the thread. :slight_smile:

Yes, header builder comes with Pro Theme. I see that you have Pro licence. Are you using X Theme in that regards or you are not using header builder? Can you please confirm?

I tried looking at the URL listed in the licence manager, but seems you have activated under construction page.

Please try adding following CSS and let us know how it goes:

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

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

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.

#5

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