Custom CSS on NavBar not working IE
Posted 22 June 2012 - 06:33 AM
I used the following css to remove the background color on the standard navbar, which seems to work on all browsers except internet explorer. On IE, the background is still black, but should be white.
Any help is greatly appreciated.
Posted 22 June 2012 - 06:45 AM
in firebug and it seems to remove the border. Try it out and let us know if the issue is not solved.
Posted 22 June 2012 - 03:00 PM
Posted 22 June 2012 - 04:27 PM
Posted 22 June 2012 - 05:54 PM
It might just do the trick.
Posted 22 June 2012 - 09:38 PM
This is what I have for css to get the white background, which can be seen in all browsers except IE.
I've gone ahead and added 'background-image: none !important;' css you recommended but no luck.
Posted 23 June 2012 - 07:52 AM
I forgot the navbar was defaulting to the Black Transparent theme by default. It's been a hectic week.
So, since removing borders, shadows etc worked, all that's left is the darn background.
I replicated the black navbar on a site of mine and added the following css in the custom code area:
My navbar now shows only the menu elements.
I hope this solves it for you too.
Posted 23 June 2012 - 04:08 PM
Posted 23 June 2012 - 04:48 PM
You'll need to use an image editing program to create a 5x5-pixel solid black image, upload it to your Media Library, and then use the direct image URL where it says DIRECTIMAGEURL in the code above.
Posted 25 June 2012 - 03:48 PM
Posted 25 June 2012 - 06:28 PM
Posted 26 June 2012 - 06:26 AM
When inspecting your page with F12 dev tools in IE your .pl-color-black-trans appears with a filter: 1 in either your Custom Code area or some other place where the stylesheet is not linked. Please double check that this filter: 1 is not added to the Custom Code area.
This filter should be filter: alpha(opacity=0);. Without it you will end up pulling your hair out.
Try to add to your child theme style sheet or in pagelines customize. One of them should work for you, but I don't see the code in either of them.
Also make sure to refresh with CTRL+F5 when checking for the results to refresh any present cache done by your browser.