Support » Theme: Sela » Navigation Bar Font Size

  • Resolved tslminneapolis

    (@tslminneapolis)


    Not sure why, but the CSS that I’ve seen elsewhere on this forum isn’t working for me. I want to change the font in the navigation bar to Georgia, and I don’t want all caps. I’d appreciate some help with this.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    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? 🙂

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    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?

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    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!

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Navigation Bar Font Size’ is closed to new replies.