Individual Menu Item color

Posted in: Newspaper
Post count: 4
Anonymous
#164382
Mar 24, 2017 at 10:41 pm

Hi,

I want to give different color to each Menu item(Menu Font). I.e Home will be in red, about will be in blue, contact will be in green etc.

I tried adding different custom css class in menu and added Css to those in custom Css section, but seems thats not working
http://www.trailmag.co.za
Please help

Thanks

Post count: 22421
Bogdan B.
#164525
Mar 27, 2017 at 9:30 am

Hello,

Each menu item has it;s own class you can target with css like so:

.td-header-style-3 .sf-menu > .menu-item-5243 > a{
color:Red;
}
.td-header-style-3 .sf-menu > .menu-item-5244 > a{
color:green;
}
.td-header-style-3 .sf-menu > .menu-item-5245 > a{
color:lightblue;
}

You can target any menu item and change their color.

Thank you!

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.