How do I change the header background color?
Header Background vB5
Collapse
X
-
Tags: None
-
It is a bug. It will be fixed in next version.
- - - Updated - - -
if you want to change template yourself, here is fix.
I can confirm header_bg_color is not working. In css_global.css, this:
#header { background:{vb:stylevar body_bg_color};
Should be:
#header { background:{vb:stylevar header_bg_color}; -
-
Better to override it using css_additional.css instead of editing the css_global.css template.Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
Shouldn't be browser specific. Clear your cache.Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
What exactly did you add to css_additional.css?Comment
-
Have you made sure that whole class has been closed OK with a }?Comment
-
Ok, I added the curly brackets at the end, so it is now:
#header {background:{vb:stylevar header_bg_color};}
Last tried to add the!important
This is my full css in css_additional.css.
#header {background:{vb:stylevar header_bg_color} !important;}
#header {background:white;}
#wrapper {
max-width:960px;
}
#footer-copyright{
max-width:960px;
}
#main-navbar {
max-width:960px;
}
#header .site-logo {
padding: 0px 10px 0px;
background:white;
min-width:90px;
max-width:320px;
position:relative;
text-align:{vb:stylevar left};
}Comment
-
ON your site, I see a white background in Chrome, Firefox, IE10, IE10 in IE9 mode, etc...Translations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
Are you looking at the header? It doesn't look the same for me. I tried to clear the background today again.
Comment
-
Can you try adding the following into the header class in your css_additional.css template:
background-image: none;Comment
Related Topics
Collapse
-
by TLMDI am trying to customize the look of a vB5 installation and I have problems to achieve the following things:
1. Background image
I am trying to change the background image. In the Style...-
Channel: Support Issues & Questions
Mon 3 Feb '14, 8:49am -
-
by Mrs.TDoes any one know the dimensions of the header background?
We are trying to create a header background image but can't get it to fit correctly.
Thanks.-
Channel: Support Issues & Questions
Sat 11 Nov '17, 6:06am -
-
by TaimHello,
How can I change the CSS attributes of Header height which is 104px by default. I want to decrease it to 80px but can't find a way to do this.
Please assist.
Many...-
Channel: Support Issues & Questions
Fri 19 Sep '14, 1:34am -
-
by RAWCI have uploaded a new background image, the bricks. How do I make the header transparent so this background image shows in the header?
Thanks.1 Photo-
Channel: Support Issues & Questions
Tue 4 Jun '13, 11:10am -
Comment