Menu bar is black

[robfoster]

Ive set my menu bar to be white, and in the main it is, apart from where i have some html data on the right and the padding around it, does anyone know how i 

can make the whole menu bar white?

Thanks

Rob

http://www.robfostermusic.co.uk

[Weaver]

I’ll try a simple answer before I look too deeply.

Make the BG color of the fixed top insertion area white – I’m assuming you are using that to hold your menu. If you need the bottom black border, add custom CSS like {border-bottom: 4px solid black;} to the CSS+ for the fixed top insertion area.

[robfoster]

I’ve put the colour in the fixed top insertion area, but its not changed it,  I’m using the extra menu there, which I’ve also changed the colour of, I’ve checked every colour option in menus but no change , its going to be something really stupid , i know it, i know there was a specific reason why i had to use the extra menu , for the life of me i cant remember what it was, maybe ill put in another menu to see if that cures it.

[Weaver]

You used the extra menu because that is the only way to get it into the fixed top insertion area.

I don’t think this is it, but you have a stray line in your Custom CSS:

behavior: url(/wp-content/themes/weaver-xtreme/js/PIE/PIE.php) !important; position:relative;

That is a leftover from Weaver II, but is just sort of stuck there randomly now.

I'm puzzled by the back background, too. Will have to find out where it is coming from because you do have the top inject set to white.

[scrambler]

there is a default black background color on the menu bar

.wvrx-menu-container {background:#fff;}

But that should be overridden if you put a color in The Main options > Menus > Extra menu bar > Menu bar BG option box. If you leave that box empty though, it would turn black

[robfoster]

Ive got #FFFFFF in the extra menu background box, i used to have a rgba value in there which worked fine, ill try and put scramblers rule in custom css to see if that does it

[scrambler]

You can definitely put the rule with white in it, but we need to figure out why your option is not working as it may be a sign you have a broken CSS file.

Type red in the Extra menu bar Menu bar BG box and post back so we can see if the rule is there

[Weaver]

I played quite a bit with this on my own site, and can’t get it to have a white bg, either. Try unchecking the extend menu width option.

Mostly, I can’t figure out where your black bg is coming from. Perhaps post what exactly is in your fixed top injection field.

[scrambler]

@weaver, I told you were it comes from, the default menu bar color with the rule

.wvrx-menu-container {background:#fff;} .wvrx-menu-container {background:#111;}

I never quite understood why we need that default color anyway. But the issue here is that normally that rule is overridden when you place a color in the menu bar BG box, this is why I asked for him to type red in there so I can see what is happening to the rules when he does that

EDIT: that default menu styling rule seems useless to me, and if anything, a default menu bar BG styling rule should be white not black 🙂

[Weaver]

There is no default .wvrx-menu-container #fff bg rule – if you mean in the default theme style sheet. It is #111.

It is there to give the blank subtheme a reasonable looking menu, but it is always overridden with a menu bar bg settings. That seems to work.

What I can’t figure is where the black bg outside the menu container is coming from.

[Weaver]

@robfoster –

It is white now! What did you do?

[scrambler]

.wvrx-menu-container {background:#111;}

is  the rule I am speaking of, (sorry typed fff intead of 111)

and IT IS the one responsible for the black in his menu bar. If you inspect the page, get to that rule and replace #111 by white, the whole bar turns  white.

So the issue is to know why a color he would place in the Menu BG box is not working. Until he puts red in that box I cant be sure, but I suspect he is either not putting it in the right option box, or he has bas CSS breaking his css file

[Weaver]

It looks as if rob added

.wvrx-menu-container {background:#fff;}

to his custom css rules, which fixed it, BUT there is also a

.menu-extra .wvrx-menu-container {background-color:#FFFFFF;}

rule from the extra menu bg option, which should be working. That is the puzzle.

[scrambler]

I see the added rule .wvrx-menu-container {background:#fff;} that is fixing it,

BUT

 .menu-extra .wvrx-menu-container {background-color:#FFFFFF;} 

is not being applied.

may be because there is a rule just before that

.menu-primary .wvrx-menu-container {text-transform: uppercase};

Which has a semi colon after it. Is that a weaver rule? Would that be a breaking syntax error?

[robfoster]

I’m out and about at the moment I’ll be back to it in half an hour

[scrambler]

@robfoster, I don’t think there is anything for you to do at this point, we can see the option rule not being applied.

@weaver needs to check if may be there is a syntax error in weaver CSS file that is causing the option rule not to be appllied

[Author]

Posts