Header Background Color Change

Hi, I am using a classic header style and I want to change the header (main menu/top bar) background color. However, by default that background is set to be "transparent !important" and I can't manage to override it.

I tried with the following code in custom CSS but with no luck:
#Top_bar:not(.is-sticky) { background-color: rgba (0,0,0,0.5) !important; }

I've used the similar code for changing sticky header background and it worked:
#Top_bar.is-sticky { background-color: rgba (0,0,0,0.5) !important; }

Why there is no option in Theme Colors section to change that color the same way other colors can be easily changed?

Comments

  • Hi,
    Of course, you can change the header background color.
    It's in the Theme Options > Colors > Header.
    You can change the Header background.

    But, if you say that you have the background 'transparent', then please go to Theme Options > Global > General and scroll down to "background" section.
    Be sure that these two options are not ticked on.
    http://prntscr.com/m4fodc

    Thanks
Sign In or Register to comment.