How do change the sub menu area?

I would like to get a more darker shadow effect on the main menu's sub menu.

How do I control the look and feel for this?

Could You please post an url to your site?

For better understanding please see the attached image.

Let me know if you still need to see the site. If so, I will send you a PM as it is not live yet.

Please post an url to your site or send me PM with:
1. URL to your website
2. link to this thread

Please edit: /templates/gk_creativity/css/override.css and add at its end:

Code: Select all

.gkMenu > ul > li > .childcontent, .gkMenu > ul > li > .childcontent .childcontent {
border: 1px solid #EDEDED;
}


This way You can change color of the border,

Code: Select all

.gkMenu > ul li div.childcontent {
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}


and this way box shadow, which is already there. Use css3 generator (google it) if You don know how to set box-shadow values.
Remember to enable "CSS override" in template settings - advanced section.

Thank you. However I can only get it to work if I insert the code intp the template setttings "Custom CSS code"

Have You enabled CSS override option? Please check if override.css is being loaded in site source code.