Side bar menu – background colour blocks?

  • tommitchell

    #9060

    Hi there

    I’m creating a page at http://pace-networks.co.uk/wp/ and I have a menu in the left hand widget area called ‘technologies’. I’m trying to create the menu so each option is within its own background colour block the same width as the title. Could anyone please advise on how I can do that?

    Thanks so much! Tom

    Prasanna SP

    #42685

    Is this what you’re trying to get?

    6N8ZQ66.png

    #menu-item-134, #menu-item-124, #menu-item-122, #menu-item-125, #menu-item-126 {
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    }

    /* Change background of each menu item */
    #menu-item-134 {
    background: #123456;
    }
    #menu-item-124 {
    background: #234567;
    }
    #menu-item-122 {
    background: #345678;
    }
    #menu-item-125 {
    background: #456789;
    }
    #menu-item-126 {
    background: #567890;
    }

    Colour picker – http://www.colorpicker.com/

    tommitchell

    #42686

    That’s exactly what I need! Thank you so much, really appreciate it 🙂

    Prasanna SP

    #42687

    Marking thread as resolved. You can do this yourself as well.

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

You must be logged in to reply to this topic.