Change color in just some menu items

Dear InkTheme Techinians,
I have this problem :
I'd like to change colour of some of the items of the top menu. I'd like to be able to change item background colour,"mouse-over" background color and selected item background colour

Thanks in advance,

In attachment you can see the screenshot.

note: website is : http://www.pinnacostruzionicagliari.it

 

Hello,

Paste the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

#menu li.current_page_item a{
background: yellow ! important;
}
#menu .ddsmoothmenu li a {
background: red;
}
#menu .ddsmoothmenu li a:hover {
background: blue;
}

In place of "yellow", "red" and "blue" you can put your color or color code.
this will solve your issue.

 

Dear Piyush,
thanks for your reply, but it's for what I was asking for....

I asked how to change SOME of the items of the menù...... for example : only the first one, or only the last one, or the third and the last....
NOT all menù colour...

looking forward for your kind reply...

best regards,
Mr Gianluca Sanna

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS
It will change color of your first menu item "Home".

Code:

#menu .ddsmoothmenu #menu-item-9 a {
background: red;
}
#menu .ddsmoothmenu #menu-item-9 a:hover {
background: blue;
}

 

Dear Nitesh, Thanks a lot for your tip! it worked....BUT..... with you code , changing the value (-9) I was able to change color to each of items EXEPT the last one...
In this case I need exactly to chance the last one in wich I inserted a "Special Offer" (in the screenshot you can see "Offerta Speciale!").

How can arrange css code to change last item menù bg color ?

thanks in advance,
Regards,
Mr Gianluca Sanna

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS
It will change color of your last menu item "Offerta Speciale!".

Code:

#menu .ddsmoothmenu #menu-item-83 a {
background: red;
}
#menu .ddsmoothmenu #menu-item-83 a:hover {
background: blue;
}

In place of "red" and "blue" you can put your color or code.
This will solve your issue.

 

perfect!!
thanks a lot!