Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #19240

    Hi there,

    I’ve combed the forum and tried everything, but I can’t figure out how to get multi-coloured backgrounds for the menu items. I saw something in the forum that looked like it might get me there:

    .main_menu #menu-item-1220 a {

    background-color: #f1a20a;


    But I don’t know how to find menu item numbers for my individual menu items. What do I have to do to get more colours into the men?

    My site is here:

    (Coalition theme)




    Hi Rebecca,

    If you are using the one page portfolio layout, the menu background color is done via the Template Editor for the one page portfolio. Each section gets its navigation name and color from the element called “Page Section”. You just expand it and set the color.

    For the non one page layout, you would need to inspect each menu item using something like Firebug for Firefox or Chrome/Safari’s inspect tool and get the menu id and do something like this:

    #top #menu-item-4321 a:hover {
    background-color: blue;




    Thank you, Devin!

    That worked perfectly. I love this theme even more now.



    Glad we could help :)

    If you have any other issues or questions let us know.



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Can't figure out how to make multi-coloured menu backgrounds like in demo’ is closed to new replies.