help with menu item background

xtreme-traction.com/dclaw/

this is for the menu items circled in the attached image..ive removed the background behind the menu but i'd like to back add a background to the menu item with curved edges what css would i add?

blue.css file set for this menu...



thanks
trey

Hi treybraid !
You can choose menu theme in module megamenu.
Please view image attachments.
Or you can add css background for menu:
modules/mod_jux_megamenu/asets/css/style/blue.css: line 492
#js-mainnav.megamenu.blue ul.level0 {
border-right: none;
float: left;
margin: 0px;
padding: 0px;
}
Edit:
#js-mainnav.megamenu.blue ul.level0 {
border-right: none;
float: left;
margin: 0px;
padding: 0px;
background: blue;
}
Best Regards,
Huyen Tran

i understand about the menu theme.... the css you gave me is not what i need...

is it possible to duplicate the menu item background in the picture i attached only for the menu circled?

trey

Hi treybraid !
I'm sorry, because it don't help you. But I don't understand you want what? You can description that better ??
Best Regards,
Huyen Tran

if you look at the screenshot attached in the initial post id like to add a background just for the menu item... the only way i've been able to do it is editting the style.css file; but, then it gets applied to the main menu at the very top..

this is from the style.\css file
#js-mainnav.megamenu ul.level0 li.mega {
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
}

trey

You want as your image, Please find
...../modules/mod_jux_megamenu/assets/css/style/blue.css:
add line code the follow:
#js-mainnav.megamenu.blue .js-megamenu > ul > li > a {
color: #FFF !important;
background: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#212121));
background: -webkit-linear-gradient(top, #3d3d3d, #212121);
background: -moz-linear-gradient(top, #3d3d3d, #212121);
background: -ms-linear-gradient(top, #3d3d3d, #212121);
background: -o-linear-gradient(top, #3d3d3d, #212121);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 5px;
margin: 5px 5px 0 !important;
}
Best Regards,
Huyen Tran