Joomla Templates Club 406,261 posts

[kozakos Friend kozakosJoin date: February 2006Posts: 27Downloads:0Uploads:7 Thanks: 2]

#189776

hello,

is it possible to change the background color of main menu buttons ( each menu button different color).
is it possible to do it with suffix class ?

i found this thread for megamenu http://www.joomlart.com/forums/showthread.php?70339-Coloring-Mega-Menu-Different-color-for-each-item

but i need for mainmenu

Thank you

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#502811

Hi kozakos,

<blockquote>is it possible to change the background color of main menu buttons ( each menu button different color).
is it possible to do it with suffix class ?</blockquote>

Let’s say Yes. Pls do as follow:

– Go to Backend >> Extensions >> Template Manager >> Your template >> Megamenu
– Select a menu (in here, i changed for 2 menu: Home, Typography) >> Add Extra Class name as image: http://prntscr.com/1mhuqy (Home), http://prntscr.com/1mhv58 (Typography)
– Open file: /templates/ja_mero/css/custom.css
– Add this code:

.navbar .nav > li.home > a{
background:green !important;
}
.navbar .nav > li.typo > a{
background:red !important;
}

This is result: http://prntscr.com/1mhw9j

Hope this is clear and helpful to you.

Regards,

Nazario

[Author]

Posts