Font weight on menu

Hi,

How can I define a different font weight on the menu item with a google font.

I want to use Yanone Kaffeesatz weight 400 (normal) on the menu but it still uses the bold.

I have tried to change the font weight in Advanced settings --> Custom CSS Code:
.gkMenu > ul > li > a { font-weight:400; }

What do I do wrong?

Best regards
Per

Did you inlcude font with different weight variants ? Please go to template settings ,open fonts tab and check included family, as you can see here http://www.google.com/fonts#UsePlace:use/Collection:Yanone+Kaffeesatz the 400 weight means normal, the 800 is bold.

Hi again,

I have included all of the weights.

How do I change the weight of the menu item?

Best regards
Per

Could you show me your site URL ? It is always easier to check CSS/HTML code on live site.

Hi,

You find my site on: http://upgradebeachcamp.se.s59867.gridserver.com/ its under development. But right now I use an different font because I cant get Yanone Kaffeesatz to work with the right weight.

I want it to work like it this http://www.beachcamp.se

Best regards
Per

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

div.gk-menu > ul.level0 > li > a { font-weight: 400 !important}


and then just remember to enable "Use override CSS" option in template advanced settings tab.

You can change '400' value to 300 or 350.

Okey, this helped me.

Thank you for the help

Best regards
Per