Changing Site Title Font and Getting Featured Image to Display

[blueprairie]

Hello!

I'm trying to set up Workstation at http://www.annachiara.com and am struggling with two things.

Site-Title
I loaded a webfont though the WordPress Font Uploader tool. I am able to set that font to H1 tags, but I want to change the site-title. I went into the style sheet and changed it to font-family: 'ParkAveD', sans-serif; but it is displaying the sans-serif and not the ParkAveD.

I followed the directions provided by myfonts.com and copied the files to the root folder and updated the style sheet by adding
.ParkAveD {
font-family: ParkAveD;
font-weight: normal;
font-style: normal;
}

These steps seem to have done nothing.

I used the font uploader WordPress font uploader tool and can set the H tags, as I said before, but in the dropdown it displays the name 2F8481_0_0.ttf. But when I put that name in the CSS for site-title it still doesn't work.

HELP!

Also, I loaded an image in the page background using the Workstation customization pages "front page background. I loaded in a file for Featured Section 1. I see the file in this admin screen but not on the actual site. Suggestions? (And if you have a suggestion, I'd like to include text (not graphic) on top of this background image. Suggestions on how to do that? Can I place a widget on top?

THANKS FOR ALL THE HELP!!!

http://www.artannachiara.com

[blueprairie]

While I have you...if you have a suggestion for moving the site-title centered above the nav, I'd be most appreciative!

[tsgglobal]

The URL does not resolve to your site.

[blueprairie]

http://www.artannachiara.com

Thank you!

[tsgglobal]

Your CSS does not list that font it is listing numbers:

.site-title {
font-family: '2F8481', sans-serif;

font-size: 50px;
text-align: center;
font-weight: 300;
letter-spacing: 2px;
line-height: 1.2;
margin-bottom: 0;
text-transform: uppercase;
}

Modify your CSS to

.site-title {
font-family: ParkAveD, sans-serif;
font-size: 50px;
text-align: center;
font-weight: 300;
letter-spacing: 2px;
line-height: 1.2;
margin-bottom: 0;
text-transform: uppercase;
}

If you are not comfortable with editing your style.css then load jetpack and you should have an option under appearance in your wordpress admin bar that says edit css which will create a custom css.

Give that a try.

Also, you will probably want to increase the size of the font.

[blueprairie]

thank you tsglobal for your help. Its being odd...

On the "home" page (called welcome, the landing page) I see the fancy font, but I don't see it any of the other pages on the web version, and I don't see it all on any page of the mobile version. I searched for all lines with font-family and didn't see anything that looked like additional site-title references. THANK YOU FOR YOUR HELP!

[Author]

Posts