Changing main menu font « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Changing main menu font

2 posts from 2 voices

Tags:

daustralala
Member

I'm having trouble changing font for the main menu: https://skitch.com/e-daustralala/8uu7f/my-site-just-another-wordpress-site

1. Which part of the CSS should I modify? I have tried to modify (adding to quick CSS) the related part (main menu, menu ul li, etc) but didn't work.

2. I want to change the font using Oswald (regular). I believe I don't need to embed Google font code anymore since this theme has already enabled Google Webfonts. Or do I still have to embed the code?

Please advise.

Thanks.s

Posted 1 year ago #
Mya
Hi daustralala,

You are correct. You do not have to embed the Google font code. You just need to call the font in your custom.css or Quick CSS. That said, this worked for me.
```
.sidebar .menu-sentence-main-menu ul:first-child > li > a strong {
    font-family: 'Oswald', Arial, Helvetica;
}
```
To explain, by default the Sentence theme has two levels to the navigation - the page title (ex. Home) and a description.

Example:
```
<a href="http://www.kriesi.at/themes/sentence/">
<strong>Home</strong>
<span class="main-menu-description">Latest News</span>
</a>
```
The CSS above targets the page title only while leaving the description its default font. If you wanted both page title and description to use the Oswald font then you would use this:
```
.sidebar .menu-sentence-main-menu ul:first-child > li > a {
    font-family: 'Oswald', Arial, Helvetica;
}
```
Regards,
Mya
Posted 1 year ago #