Using a CSS plugin is probably the best way to override the theme’s CSS. You’ll find it very helpful to learn to use a web debugging tool like Firebug or Chrome Developer Tools to see what the existing rules are for the elements that you want to change.
As far as adding more fonts, you can do that, you just need to add a link to the font’s stylesheet in the head section of your web page so your browser knows where to find the font. For example, if you wanted to use the Yanone Kaffeesatz font from Google, you would add this link:
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
If you create a child theme, you can add it to a copy of the header.php file in your child theme. Otherwise, you can add it using a plugin like Header and Footer.
Absolutely. In your child theme, edit your styles.css
Add simliar tags to the following:
h1 {
font-family: Verdana
}
You want to use a child theme exactly because it is the one that WordPress will decide to use over the parent theme, and you also get to keep your customizations if you switch to a different parent theme.
Alternatively, you can use an excellent plugin that I highly recommend, Easy Google Fonts. It allows you to change the font of each of the HTML elements you mentioned.
Are you still having difficulty? Please advise.
Absolutely. In your child theme, edit your styles.css
Add simliar tags to the following:
h1 {
font-family: Verdana
}
You want to use a child theme exactly because it is the one that WordPress will decide to use over the parent theme, and you also get to keep your customizations if you switch to a different parent theme.
Alternatively, you can use an excellent plugin that I highly recommend, Easy Google Fonts. It allows you to change the font of each of the HTML elements you mentioned.
Are you still having difficulty? Please advise.
Awesome! The plugins are really useful. I added the google fonts using the Header and Footer plugin, but I think making a child theme will give me more control to the theme’s appearance. Thanks for all the help and tips 🙂
I guess I spoke too soon. I’m still super confused as to how to identify each element so I can change it in the CSS… Inspecting the elements using Chrome developer tools only confuses me further. Can you help me?
I tried using the Easy Google Fonts, but the Font Control CSS selector part confuses me.
Can you please post a link to your site and describe something that you’re trying to change?
I managed to change the CSS for the page titles and headlines, but I can’t seem to do it for the slider text. I got the .slide-details .slide-title class from inspecting the element but even when I changed it it didn’t do anything for the slides.
Here’s the link to the website: http://www.bethelchurchcalifornia.org/wp/ and eventually I’m going to need to change all the headers/subheaders to Oswald and the body text to Crimson text. I’m stiBut if I change it to crimson text using the maskitto option, I’m going to need to enlarge some of the font sizes.
Thanks again for helping.
EDIT: Oh, I think I got it. I just missed a semi colon. I think I’m finally getting the hang of it. The custom CSS plug in is super useful. Thanks.
If you want to send me an email I would be happy to Skype in with you and help you resolve your problem with the fonts.
@davidgrahamsites – that’s not permitted here – please review the forum rules –
My mistake. I will attempt to describe the process in more detail.
