Navigation Bar Font Size

Hi there, the following will change the font in the navigation to georgia, with two fallback fonts, times new roman and the browser standard serif so that in the event the visitors computer does not have georgia, a similar font will appear.

.main-navigation a {
	font-family: georgia, 'times new roman', serif;
}

Awesome! Thank you!

Can you tell me also how to I get ride of all caps in the menu bar?

Also, can you tell me the selector for the widget area to change the font family? ??

Woohoo! To also change the menu labels back to standard, change what I gave above into this.

.main-navigation a {
	font-family: georgia, 'times new roman', serif;
	text-transform: none;
}

For the footer widget area, if you are talking about titles, then this.

.widget-title, .widget-title a {
	font-family: georgia, 'times new roman', serif;
	text-transform: none;
}

If you are talking about the content of the widgets, then this.

.footer-widget-area {
	font-family: georgia, 'times new roman', serif;
	text-transform: none;
}

That’s what I needed. Thank you!

I tried to change the color of the title, however, with this:

.widget-title, .widget-title a {
font-family: georgia, ‘times new roman’, serif;
text-transform: none;
color: #1779C0;
}

It didn’t work!:( How come?

To change the colour of the footer widget titles, you need to target a different element:

.footer-widget-area .widget-title {
  color: #1779C0;
}

I was just getting used to @sacredpath always answering me. LOL

Thank you so much. That worked and I’m truly grateful to all of you “Happiness Engineers.” You guys deserve a raise!

Ha. You’re very welcome, we’re glad to help!