Home › Forums › Graphene WordPress theme › Support

Side bar menu – background colour blocks?

  • Anonymous

    May 9, 2014 at 9:56 pm #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

    Anonymous

    May 14, 2014 at 3:37 am #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/

    Anonymous

    May 14, 2014 at 5:11 pm #42686

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

    Anonymous

    May 14, 2014 at 6:10 pm #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.