Support » Themes and Templates » HELP – Custom theme, with different menu colors

  • Resolved dwtbc



    I would like to know if the navigation on this page:,

    is possible to do in wordpress?

    I have converted the site to a wp-theme, but I can’t get the navigation to work as I want to.

    I have made custom menues which works fine, but I can’t get the CSS-classes to work on these.


Viewing 10 replies - 1 through 10 (of 10 total)
  • Certainly possible, but as to the specifics, it depends on your theme/site. If you post a link to it, someone can likely help you more specifically.

    Here is the link to the wordpress site as it is for now.

    How would you go about making the bottom border and submenus in different colors?


    If you look at each menu item HTML code, there is a unique id — for example this for the first one on your page:
    <li id="menu-item-42" ...

    You can use that id to target the CSS code specifically to that item:

    .menu li#menu-item-42 {
        border-bottom: 4px solid #C92127;

    Same concept for the drop down background colors.

    Thank you for answering so fast!

    I have tried somthing like, but maybe it wasn’t called correct.

    What about the submenus, how would you call them?


    Try this:

    .menu li#menu-item-39 ul {
        background: none repeat scroll 0 0 #XXXXXX;

    Obviously, you’ll need to change the menu item numbers/color for each drop-down.

    God dammit! 🙂

    It worked on the borders!!!!

    Thank so much!!!
    I will try the css you posted on the submenu.

    Initially I was thinking of doing it like this:

    .menu li#menu-item-39.sub-menu {
    	background: #00AEEF;

    would that work?

    No, because the .submenu class is assigned to the ul element:

    <ul class="sub-menu" ...

    so in the CSS, it would need to be:


    So it would need to be:

    .menu li#menu-item-39 ul.sub-menu {
    	background: #00AEEF;

    Okay thank you!!

    You were a great help, and it is working now.

    I have spend 4 hours on this, so you made my day!

    Thank you again

    You’re welcome — glad to. And it looks great, BTW.

    Moderator Andrew Nevins


    Forum moderator

    Good work Dwtbc and WPyogi ☺

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘HELP – Custom theme, with different menu colors’ is closed to new replies.