How to edit MENU and CHANGE font Size & Style?

  • Does anyone know a css code I can use to edit the font of my menu bar? I want to change the font to Raleway (used everywhere else) AND make it bolder EVERYWHERE on the site. Also, my home button looks different then the rest of my pages? Any ideas to fix this?

    My site is cocofashionista.com

    I have Jetpack installed and I am using the forever theme.

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Courtney Hayes

    (@courtney-hayes)

    It looks like Im already using Raleway in the menu bar. I want to just change the HOME button then to match the rest of the menu bar. Any ideas of how to do this?

    Also, I want to make the font bolder everywhere else on the sight.

    Moderator Kathryn Presner

    (@zoonini)

    Hi Courtney, the current page’s menu item has a grey rounded rectangle shape around it – is that what you’re trying to remove? Let me know and I can help with that once you confirm.

    Right now, your top menu looks like it’s using Garamond, not Raleway.

    This custom CSS would set your menu to use Raleway:

    #access li a {
 font-family: Raleway, sans-serif;
}

    Looks like you’re only importing Raleway Thin right now, which is why it’s so thin:

    @font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local('Raleway Thin'), local('Raleway-Thin'), url(https://fonts.gstatic.com/s/raleway/v9/RJMlAoFXXQEzZoMSUteGWJBw1xU1rKptJj_0jans920.woff2) format('woff2'), url(https://fonts.gstatic.com/s/raleway/v9/RJMlAoFXXQEzZoMSUteGWLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

    You could try importing regular Raleway instead of Raleway Thin: https://www.google.com/fonts/specimen/Raleway

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to edit MENU and CHANGE font Size & Style?’ is closed to new replies.

Tags