2nd level menu style

Hi,
I use Gk Extra Menu. I have 4 levels menu (main level + 3 drop-down levels). I need to change styles for only one level (2nd sublevel). How I can change it?

Could You please post an url to your site?

Well, its kind'a tricky

Code: Select all

#gkMainMenu ul.gkmenu > li > div.childcontent > div.childcontent-inner-wrap > div.childcontent-inner > div.gkcol > ul > li > div.group > div.gk-group-content > ul.gkmenu > li > div.childcontent > div.childcontent-inner-wrap {background: blue}


This will set background to blue. You can use similar code to alter elements inside - You just need to create hierarchy of elements each after another.
You should also be aware, that this will not work in older browsers.

Please place the code in override.css and enable it in template settings.

Thank you for your help.
So that I was able to improve also others menu levels and menu positions (non grouped).

Yes, You just have to remember to use ">" instead of spaces to affect selected item, not all its child items that "fit" same pattern.