Change of menu colours

shortcut501

I am using the mega menu in the zite template. I have modified the menu to have a green background and white text, except I am having trouble getting the main menu (along the top) to change to Green background. I want it to look like image 3. Image one and two is what I have it looking like,

Here is an example of a change made to the megu.css
ja-megamenu ul.level0 { font-family: 'NovecentowideUltraLightBold', Arial, sans-serif; font-weight: bold; font-size: 110%;}
.ja-megamenu ul.level0 li.mega a.mega {
color: #456706;
//background: grey; this does the sub-menus only
font-weight: bold;
padding: 0px 1em 15px 1em;
overflow: auto; /Fix Margin Collapse Bug /
}

pavit

shortcut501

Hello

You can try this

.ja-megamenu ul.level0 li.haschild a.mega.haschild {
background-color:#456706 
}

.ja-megamenu ul.level0 li.mega a.mega {
color:#fff;
}

This is new menu style http://prntscr.com/iu0c5n

Hope it helps , if not please edit your first post and add a temp super user account for your backend we will have a closer look at your css.

Regards

shortcut501

Thanks for this.