The sligtly darker grey of the menu bar does not show up on IE

[Fay Hui]

Hi Bill,

I noticed that the slightly darker grey background of the menu bar shows up on Firefox (and this is what I want). But the menu background color on IE has the same color as the panel (no slightly darker grey background). I am using IE 9.

Is this a known difference?

Fay.

[Bill Robbins]

Fay,

I believe it is. IE renders colors a bit differently, but you can pick a different color just for IE 9 if you’d like to. Here’s how to do that:

1. Go to the theme options page and select the styling tab.
2. Scroll down to the “Custom CSS” box and paste this:

   
   html.ie9 header.primary .menu li ul,
   html.ie9 body.light header.primary .menu li ul {
   	background-color: #efefef;
   }
   

3. Replace the #efefef with the hex color code of your choice (you can use one of the color selectors if you need help.
4. Update your settings.

You can try experimenting with that to get the effect you need. If you run into trouble, let me know,
Bill

[Author]

Posts