Public Forums 71,145 posts

[nfhopmike Friend nfhopmikeJoin date: August 2013Posts: 12Downloads:7Uploads:0 Thanked: 1 times in 1 posts]

#191080

I have a megamenu that works perfectly in Chrome, Firefox and IE10. However in versions IE9 and below there is a problem with the background-color property on the menu bar – instead of being a dark gray, it is showing as white. I am using a custom css file to modify the T3v3 framework css file and the bootstrap css file The URL in question is http://www.minsteadtt.org – it is using the T3v3 framework. The css for the property in question is as follows:
Code:

.t3-mainnav {
background-image: none;
background-color:#676767;
border: none;
font-size: .9em;
}

Can anyone explain why the dark gray property is not registering in IE8 and 9?

[congeladosemcasa Friend congeladosemcasaJoin date: April 2006Posts: 31Downloads:2Uploads:2 Thanks: 2 Thanked: 6 times in 1 posts]

#507734

Where is your custom css file located and what is its name?

Meanwhile, try this:

background-color:#676767 !important;

1 user says Thank You to congeladosemcasa for this useful post

1. Saguaros

[nfhopmike Friend nfhopmikeJoin date: August 2013Posts: 12Downloads:7Uploads:0 Thanked: 1 times in 1 posts]

#507759

OK I think I’ve solved it – it was picking up an ie filter rule from the template css file which I hadn’t spotted when modifying the template through custom css. Changed the values and added a new rule to custom css to modify the filter, and all seems to be well now!

[Author]

Posts