Font Selector problem

Hi,

I'm having difficulties setting the menu sub-item font.
I've set the font for the menu to a google font and i want the font of the sub items to appear in a regular font (trebuchet).

Somehow i didn't succeed, trying with firebug and changing the values in the selectors, it's driving me crazy.

what i did is setting the font selectors to:

Body:
body,
gk-menu ul.level0 > li

Headers:
h1,
h2,
#gkMenu .level0,
span.menu-title

Other:
.contentheading,
div.itemHeader h2.itemTitle, div.itemListCategory h2, div.catItemHeader h3.catItemTitle, div.userItemHeader h3.userItemTitle, div.genericItemHeader h2.genericItemTitle, div.latestItemsCategory h2, div.latestItemHeader h3.latestItemTitle, div.latestItemHeader h2.latestItemTitle,
div.k2ItemsBlock ul li a.moduleItemTitle

Anyone, please tell me which selectors i should use.

thanks,

In the windows for your chosen font add below :

Code: Select all

div.gk-menu ul.level0 > li > div.childcontent li a, div.gk-menu ul.level0 > li > div.childcontent li span


Or enable Override CSS Feature in template settings and use below code in your override.css:

Code: Select all

div.gk-menu ul.level0 > li > div.childcontent li a, div.gk-menu ul.level0 > li > div.childcontent li span {
    font-family: "Trebuchet MS", sans-serif;
}