-
Posts
-
In the Enfold theme, I would like to have my header and menu styled differently. For example, I like all the style settings for the predefined color scheme “Black+White”, but I’d like a black background with white/grey letters for the header color while leaving the main menu’s background color as white with black/grey letters.
Can you help me style the header differently from the menu?
Thanks!
PS – This is my 4th theme to use from Kriesi over the years for different clients, and I will keep coming back. Very cool and creative, and I love the Enfold theme!
OK, from firebug, it looks like the following should change the header’s background color – is this right (placed in the Quick CSS)?
.header_color .header_bg {
background-color: #000000;
}Still looking for the classes of the main menu item – would like for them to be white, with grey hover.
Also, how do I turn the social media bar background to be black with light icons?
Hi!
Please update Enfold to the latest version 2.9.1 via FTP – http://vimeo.com/67209750
then go to Enfold theme options > Advanced Styling and choose to edit “Main menu links” then go to Enfold theme options > General Styling > Header and change “Header background color”Best regards,
YigitYigit,
Thanks for the reply. I have updated my version of Enfold, and have changed header background color accordingly. I’d still like to have the background of the mega menu have a white background. Is there a way to style the header background and the menu background differently? The black menu background is a little hard to see.
-Bill
Hey Bill!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #header .avia_mega_div > .sub-menu, #top #header .avia_mega_div > .sub-menu > li > ul > li a, #top #header .avia_mega_div > .sub-menu > li > ul li { background-color: white !important; } ul.sub-menu b { color: black !important; }Cheers!
Yigit
- The topic ‘CSS for header and mega menus’ is closed to new replies.