Hi,
I want to konw how to change the background color of menu area, how to change the font size of menu, how to make the menus in middle.
Thank you.
Tommy
Hey Tommy,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
please see the link below
Hi,
Please use the following code in Quick CSS.
To change the background color of menu area:
#header_main_alternate {
background-color: green;
color:white ;
}
To change the font size of menu
.av-main-nav > li > a {
font-size: 15px !important;
}
To make the menu center aligned, please go to Enfold > Header and under Menu and Logo Position, choose “logo center, menu below”. Then add following code to Quick CSS in Enfold theme options under General Styling tab:
.html_header_top.html_logo_center .logo { left: 0; }
Alternatively, you can keep your current header layout, and use this instead:
nav.main_menu {
left: 25% !important;
}
Best regards,
Sarah
Thank you Sarah, please also tell me how to change the font-weight of menu to be not BOLD.
Hi,
You can add font-weight: normal !important;
to the previous code I gave you. It then becomes this:
.av-main-nav > li > a {
font-size: 15px !important;
font-weight: normal !important;
}
You can also use this as reference for the value of font-weight: http://htmldog.com/references/css/properties/font-weight/
Best regards,
Sarah