Menu Item Name Font

[Jeff Wellemeyer]

Can you tell me how to change the font for the menu items? There is currently a script font that is hard to read (and very hard on the mobile version)

Thanks

[Bill Robbins]

Hello Jeff,

You can change the font size of the sub-navigation menu items. Here’s how:

1. Go to the Theme Options page and select the Styling tab.
2. Scroll down to the Custom CSS box and paste this:

   
   div#sidebar nav li li a, 
   div#sidebar nav li li a:visited {
   	font-size: 18px;
   }
   

3. Update your settings.

See if that doesn't increase their legibility. You can adjust the size further by changing the 18 in the snippet above to a different number to increase/decrease the size in pixels.

If you run into trouble, let me know.

Thanks,
Bill

[Bill Robbins]

You can also change the font size of the food items as well. Instead of the snippet from earlier, add this one to your Custom CSS:

ul.item-list h4 { 
	font-size: 24px;
}

Like the one above, you can make them larger or smaller by changing the 24 in that snippet.

If you have any trouble, let me know.

Thanks,
Bill

[Bill Robbins]

You can change the font too. There isn’t a separate control in the theme options just for those. They will automatically take whatever font is selected in “Headings.”

If you want to specify a different font, you’ll need to use one that’s loaded elsewhere in the options. Doing that would change the code to something like this:

ul.item-list h4 {
	font-size: 24px;
	font-family: Open Sans, sans-serif;
}

Let me know if you run into trouble there,
Bill

[Author]

Posts