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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Sam

    (@soumendra)

    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.

    Thread Starter najd.d

    (@najdd)

    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 .

    Sam

    (@soumendra)

    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.

    Thread Starter najd.d

    (@najdd)

    Thank you , it worked beautifully .

    Best regards

    Sam

    (@soumendra)

    Welcome. ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change one menu item color .’ is closed to new replies.