Hi,
I have seen Zero Point demo: http://www.301.ro/ . i need same menu (primary link) color. In zero point theme setting there is option of different color i.e Layout settings under Style we can select color for our menu bar but in demo http://www.301.ro/ in menu bar multiple color is available how we can achieve that. if some one know it will help me lot.
Thanks in advance

Comments

zakir.gori’s picture

zakir.gori commented

waiting for reply.

zakir.gori’s picture

zakir.gori commented

waiting for answer !

zakir.gori’s picture

zakir.gori commented

Any one !!

zakir.gori’s picture

zakir.gori commented

steel waiting for answer

Deepika.chavan’s picture

Deepika.chavan commented

Hi ,
In 'zeropoint/_custom' directory 'custom-style.css' file is there.
Please uncomment the css code under 'SPECIAL STATIC-MENU COLORS' to change the background color of all menu items, in 'custom-style.css' and Change the values accordingly: XXX=menu numer; YYY=background color.
In my case I Added following code in my 'custom-style.css' file. 

/* Change the values below accordingly: XXX=menu numer; YYY=background color. */
#navlist li.menu-327 a {
	background: #005A84;
}

#navlist li.menu-513 a {
	background: #BF5D8C;
}

#navlist li.menu-515 a {
	background: #565B91;
}

#navlist li.menu-333 a {
	background: #4F7F5B;
}

#navlist li.menu-334 a {
	background: #D0932C
}

#navlist li.menu-534 a {
	background: #858A3E;
}

Please clear cached data.

HTH !!

Rgrds,
Deepika

zakir.gori’s picture

zakir.gori commented

Hi, Deepika
Thanks for your comment i did what you said but its not working!
is this other setting in theme so that it will use custom CSS?
Thanks once again

zakir.gori’s picture

zakir.gori commented

yes it work but for when i comment out first last i.e navlist li.first a
i have a question what this mean:
#navlist li.menu-327 a {
background: #005A84;
}

menu-327 is this mean node/327 ?

leenark’s picture

leenark commented

Hi Zakir,

I am also trying to do the same using different colours for menu in zero point theme.
Looks like Deepika's solution worked for you. I have few doubts if you can help:
I tried this code in custom-style.css but didnot work (did clear cache).
1. In theme settings should we check layout style to 'Themer'?
2. Does this work only for mainmenu or can I use it for other menu block?
3. Do dropdown levels work for it, as your example site doesnot have levels.

Thanks,
Leena

florian’s picture

florian commented

In the last version of theme, in custom-style.css, see the following lines:

/******************************/
/* SPECIAL STATIC-MENU COLORS */
/******************************/
/* Uncomment this to have different colors for menu items. 
 * Change the values below accordingly: XXX=menu item number; YYY=background color. */

/* First menu item */
/*
#navlist li.first a {
	background: #YYY;
}
*/

/* Middle menu items */
/*
#navlist li.menu-XXX a {
	background: #YYY;
}
*/

/* Last menu item */
/*
#navlist li.last a {
	background: #YYY;
}
*/

If you want to have different colors for menu items, this is possible only for the static menu (not drop down, which is limited only to the first and last menu, with different colors).

florian’s picture

florian commented
Issue summary: View changes
Status: Active » Closed (fixed)