How to Style Sub Menus ?

Hello there,

i need to customize the sub menus in Gavick University template, it looks pretty blank when its black text in white background, it would be great if i can add a background color (or a gradient image for each items background)

Please see the image below,


That kinda look i am thinking of doing on my website,

Thank you and Best Regards,

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

I have send you the URL as a PM,

Hi

Ok. It's not as easy as I thought ;/

Here if You can do something with a single background fro all submenu:

Code: Select all

.gkMenu > ul li div.childcontent {
    background: red none repeat scroll 0 0;
    border: 1px solid blue;
}

.gkMenu > ul > li > .childcontent .gkcol {
    border-left: 1px solid blue;
}


If You want each menu element to be different try this code:

Code: Select all

.gkMenu ul ul {
    padding: 0;
}

.gkMenu > ul li div.childcontent .header {
    margin: 0;
    padding: 0;
}

.gkMenu > ul li div.childcontent li {
    margin: 0;
    padding: 0;
}

.gkMenu > ul li div.childcontent a {
    color: #fff;
    padding: 7px;
    background: tan;
    border-bottom: 1px solid pink;
}