Metro Pro – Change Site Title Font

[Dianne]

I've been trying to change the font on my Site Title to a Google Font - Tangerine. I've added the font to my header and changed it under font-family for the site title. Also, I previously added the font to the functions.php file and again to the font-family for the site title. It is not working either way and I can't figure out what I'm missing. I've also tried to change the size of the font but that's not showing up either. Please help.

Thanks, Dianne

http://www.eluxurytravelblog.com

http://www.eluxurytravelblog.com

[Brad Dalton]

Try

.site-title h1 {
    font-family: Tangerine;
}

And this http://wpsites.net/wordpress-tips/free-google-web-fonts-for-wordpress/

---

Tutorials for StudioPress Themes.

[SavvyJackie]

Try adding the font-styling to:

/* Full width header, no widgets */ area in your styles sheet. I tried it and it worked.

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
    width: 100%;
	font-family: 'Tangerine', cursive;
    font-size: 56px;
    line-height: 2;
    margin: 0 0 16px;
    text-transform: none;
}

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[Dianne]

Thank you both! Brad, I couldn't get yours to work, not sure why. But Jackie, yours did. So I thank you both for your help.

Dianne

[Brad Dalton]

My CSS is wrong as i didn't test it first.

---

Tutorials for StudioPress Themes.

[SavvyJackie]

You are welcome!

---

Web Designer and Developer at Savvy Jackie Designs | Lucky with plants | @SavvyJackie

Got your question answered here? Please pay it forward by helping someone else. I’m sure there is at least one question you can answer. 🙂

[Dianne]

Thanks, Brad. Also, your site has been really helpful to me in the past. Hope you keep adding great content.

[Author]

Posts