I’d like to know if it’s possible to have the menu indicators (and maybe the borders) but without the 1 pixel rule which separates the header from the main area. Can this be done by editing the css? Also would like to be able to set the colour of the indicators separately.
Thanks, Andrew
Hi Andrew!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#header_main {
border-bottom: none;
}
#menu-item-755 .avia-menu-fx {
background-color: red;
}
You can use second code to change menu fx color independently. You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg
Cheers!
Yigit
Thanks; the first part has worked, but not the second – maybe because I’ve already selected a predefined color scheme under General Styling?
Andrew
Hey!
Just to make sure that we are on the same page, you would like to change the color of this indicator – http://i.imgur.com/A6LDeWY.png?1
is that correct? If so, please post the link to your website.
Cheers!
Yigit
Hey!
Please add following code to Quick CSS
#menu-item-20 .avia-menu-fx {
background-color: orange;
}
#menu-item-17 .avia-menu-fx {
background-color: yellow;
}
Regards,
Yigit
Great, many thanks.
I understand how to use the element inspector now too. So it appears I’ll have to add a snippet of css for each and every menu item.
Andrew