Deprecated: Function get_currentuserinfo is deprecated since version 4.5.0! Use wp_get_current_user() instead. in /var/www/html/wp-includes/functions.php on line 5383

Log in

Register

How have different colors for individual menu items.

This topic has 3 replies, 2 voices, and was last updated 11 years, 10 months ago by satoristudio.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
January 6, 2013 at 1:32 am #659

nichibus
Participant

Hi Andrew,
can you tell me how can I have different colors for individual menu items?
Thanks,

Nicola

January 6, 2013 at 7:26 pm #667

satoristudio
Member

Dear Nicola,

to have different colours for individual menu items, please do the following:
1). Open your website in Chrome, right-click on the open menu item, and choose “Inspect Element”.
2). A panel with code will open at the bottom, where you will be able to locate the
element associated with your menu item.
3). The
element will say something like
– you need the number which comes in the “id” property.
4). Go to “Appearance -> Editor” and add the following line into “style.css” (one for each of the menu items you wish to re-colour):
#nav-primary li#menu-item-8 a { background-color: #000000; }
replacing the “8” with your specific item number, and the #000000 with the colour code you wish to obtain (check the hex colour table e.g. here: http://www.colorpicker.com/

Or – you can email me your website’s URL as well as admin login and password at support@satoristudio.net, together with the colours you’d like your menu items to become, and I will arrange them for you.

Sincerely,
Andrew | Satori

January 7, 2013 at 12:46 am #672

Participant

Thanks very much! Is all OK

January 7, 2013 at 12:55 pm #677

Member

Great! :)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.