Change one menu item color .
-
Hi , i saw in other posts that someone had this problem and it was solved but in my case i cant find the item id to change the color for each menu tab .
my site is here and i really wana change each tab color and i cant find out how .
also isnt that suppose to wors when in menu property i input css class ( optionally ) ??
Thanks in advance
-
Hello,
You can try this in your Custom CSS for achieving that:
.uk-navbar-nav li:nth-child(1) { background-color: #fff; } .uk-navbar-nav li:nth-child(2) { background-color: #000; } .uk-navbar-nav li:nth-child(3) { background-color: #423; } .uk-navbar-nav li:nth-child(4) { background-color: #ad4; } .uk-navbar-nav li:nth-child(5) { background-color: #935; } .uk-navbar-nav li:nth-child(6) { background-color: #abe; } .uk-navbar-nav li:nth-child(7) { background-color: #285; }You can adjust the colors as per your requirement.
Hope that helps you. feel free to ask if there is any other problem.
Thank you.
Sam you are a life saver 😀 it worked like charm but unfortunately when u go to a menu that got a sub menus they got colored too and i dont want the submenus to have any colored background, like if you go in the site to the companie menu u will get it .
Hello,
Sorry for the late reply, you can try this for the sub menu colors:
.uk-parent .uk-nav li a { background-color: #213744; border-bottom: 1px solid #111; }You can adjust the colors as per your requirement.
Thank you.
Thank you , it worked beautifully .
Best regards
Welcome. 🙂
The topic ‘Change one menu item color .’ is closed to new replies.