[galleycuisine]

Is there a way to customize the menu where it can have a background? We were discussing the possibility of adding a gradient background to it to the menu to make it pop a bit more. Is it possible to do any customizing to adjust the background?

[Mehmet S.]

Theme Settings > Style > Custom CSS;

#nav li.active,
#nav > li:hover,
#nav ul li
{
background-color: #444;
background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#999));
background-image: -webkit-linear-gradient(top, #444, #999);
background-image: -moz-linear-gradient(top, #444, #999);
background-image: -o-linear-gradient(top, #444, #999);
background-image: linear-gradient(to bottom, #444, #999);
}

[tendenzi]

Hi Mehmet, I’d like to take what you have done here, but also incorporate a method in which the menu can have a constant background.

I feel like the social icons pop more than the nav menu. I’d like to solve this with just a button background colour that changes when hovered.

[galleycuisine]

Thanks Mehmet. I pasted the code you provided into the field for Theme Settings>Style>Custom CSS, but I’m not noticing a difference. Is there more that needs to be done or is it not working because I already had some code in there to force the services wrap icons to be larger?

[Mehmet S.]

Maybe your browser cached your site, refresh the site.

[galleycuisine]

Okay, I pulled it up in another browser and see the change. I wasn’t referring to to changing the background in the menu buttons themselves, but more or less a background strip across the screen on the site where the menu buttons are placed. An example, what is going on with http://www.cnet.com/. The menu pops out more when complimented with a background like the gray one they use to tie into the menu. If this can;t be done, obviously I understand. I just wanted to see if there was a way to make doing so possible.

[ahmetsali]

Hi, this is not easy to do with some lines of code. If you are not familiar with html coding you may consider working with a professional for further customizations.