make menu items all different colors

  • Resolved mellyonthenet

    (@mellyonthenet)


    9 years, 5 months ago

    Hi I am working with your (amazing!)theme. I would like to make all the menu items for the secondary menu different colors (similar to what you see on https://www.oco.ie). If you could also tell me how to make the menu items look like tabs also that would be amazing.
    Mellyonthenet

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey,
    So you can use css like this, add to your theme options > advanced settings:

    #nav-second ul.sf-menu>li:nth-child(1)>a {
    background: green;
    color:white;
}
#nav-second ul.sf-menu>li:nth-child(2)>a {
    background: blue;
    color:white;
}
#nav-second ul.sf-menu>li:nth-child(3)>a {
    background: red;
    color:white;
}
#nav-second ul.sf-menu>li:nth-child(4)>a {
    background: orange;
    color:white;
}
#nav-second ul.sf-menu>li:nth-child(5)>a {
    background: purple;
    color:white;
}
#nav-second ul.sf-menu>li:nth-child(6)>a {
    background: yellowgreen;
    color:white;
}

    If you need something more specific post a link to your site.
    Kadence Themes

    Thread Starter mellyonthenet

    (@mellyonthenet)

    Thank you so much for that, it works perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘make menu items all different colors’ is closed to new replies.