Change Font Size of Menu Items

Found an interesting bit of info that I wanted to post before I forgot where I found it.

This is the code to change the font size of the words in the top  level menu for a gantry template.

.gf-menu.l1 > li > .item {
font-size: 15px; (replace 15 with your desired font size)
}

1) create a css file with the above code and name it ‘-custom.css’ eg for plain gantry template it will be ‘gantry-custom.css’
2) place this css file in ‘joomla-folder/templates/template-name/css/’

further comments by the guy that posted this:

“This method is called over riding….it is the recommended method (by both joomla and RT) to make any changes, so that your sites integrity will remain intact.”

Credit goes to Pavan Nadella from the Gantry Framework Google Group