Hi,
Everything is ok, I know how to replace Menu background, font colour, mouse over etc.
I would like to know is there an option to change the colour of a single Menu item. Suppose I have Home, Health, Sports, Helpline. I Would like to make a different colour for only HELPLINE to make it more prominent.
Please let me know if I can do that.
Hi,
Unfortunately the theme has n o such setting. you will have to use css to do it. Every menu item has it;s own class. You can use the browser inspector to change colors by following this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/ – http://screencast.com/t/v3svO2ypoga
Thank you!
Hi,
Tried but failed, could you please have a look the screen shot attached and could you please let me know what is the correct code to make ‘HELPLINE’ red colour. So I can copy it and paste it on custom CSS.
http://asthramnews.com/screen/01.png
http://asthramnews.com/screen/02.png
Thanks
———————————————————–
#menu-main-menu-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.td-menu-item.td-normal-menu.menu-item-362
Hi,
Please use this code and only change the number corresponding for your menu item:
.menu-item-4468{
background-color:red;
}
I hope this helps.
Thanks.
Fantastic it works!!! Thank you so much Bogdan.
Love the theme by the way.
Regards
Hi, need one more help on this please. Below is the code I used to change the background and font color. Background is working but font color is not working. Could you please advice?
.menu-item-362{
background-color:#900;
color:#FFF;
{
Hi,
The color is set on the anchor tag so you should use this code:
.menu-item-362 a{
color:#FFF!important;
{
Thank you!
Hi Bogdan
This one works, only problem is it is changing the drop down menu (submenu) also. Is there anyway I can keep the drop down menu as it is and change the color of selected Main menu only. screen shot attached.
asthramnews.com/screen/submenu.png
thanks
Hi,
Sorry about that, I have not tested the code on sub-menus. If your menu item has a dropdown, you need to use the code like so :
.menu-item-362 .sf-with-ul{
color:red!important;
{
Thanks.
Hi,
the code:
.menu-item-362 a{
color:#FFF!important;
{
works,
but the underline under the title do not change its colour. Do you know how can I change the title and the underline colour? I would like the both will be in the same colour.
Thanks!
Please provide a link to your site so i can inspect it and see if the underline can be changed on your header style.
Thank you!
