CSS Easy Google Fonts not working

I see your site title, but I don’t see a site description. What is it supposed to say? Did you set it under Settings > General?

It says ”aspergers from the inside”. I set it in the same screen as the page title – it’s like a subheading. I’m sorry but I’m not in front of my screen right now and can’t tell you the exact wording.

I’ve changed themes since I posted and now it’s gone altogether. I’m using The Times at the moment. I’m getting so frustrated! I can’t seem to change to default title formatting at all and most of these themes have crappy title fonts.

The Easy Google Fonts doesn’t seem to be doing a thing.

OK, I can show you how to change things like font size, font color, or font family without having to go through Easy Google Fonts. However, I’m not sure if The Times supports a site description. I don’t see one when I look at their demo page. If you’re thinking about changing themes, I would go with a theme from the WordPress Theme repository. Lots of free themes there. The only problem is that it’s sometimes hard trying to find the theme that’s right for you. You can try going through the theme tag filter to narrow down your selections.

Yes please share. Thank you! I did get this theme through WP free themes, but I’m not married to it. I’m definitely having a hard time finding what I want….

Once you decide on another theme which has a site description, I can give you a more specific answer, but you should be able to add a CSS rule that sets the font size of the site description like this:

.site-description {
   font-size: 16px;
}

You would add the CSS rule either through the theme’s Custom CSS option (if it has one), or using a plugin like JetPack or Custom CSS Manager.

Hey again. I finally got a better theme and now all I want to do is change the font family. I do have a CSS plug-in.

Do I need to create a child theme, or is the CSS editor sufficient?

My working site is: https://ecbiz158.inmotionhosting.com/~aspies5/

I want my title font to look like my other site where I created on a GoDaddy web designer tool. That site is: https://www.aspiespot.com

I do have a CSS plug-in.

Which plugin is it, is it a Custom CSS plugin?

So the font that’s used for the title of your old site is a Google Font called Over the Rainbow. The Hueman theme doesn’t have a built-in option to add your own Google Fonts (not too many themes do), but it’s fairly easy to do.

You first want to install a plug-in called Header and Footer. It will allow you to add a link to a stylesheet that points to the Over the Rainbow font on Google Fonts.

Once the plugin is installed, go to Settings > Header and Footer from the admin dashboard. In the field labeled Code to be added on HEAD section of every page, copy & paste this:

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Over+the+Rainbow">

As I mentioned previously, this link tells your visitors’ browsers where to get the Over the Rainbow font.

All you need to do now is to add a CSS rule to style the site title:

.site-title {
   font-family: 'Over the Rainbow',cursive,serif;
   font-weight: 400;
}

Add this using a custom CSS plugin (I linked to one that I like in my previous post).

I use Simple Custom CSS. These instructions worked perfectly. I was missing the step of installing the Header/Footer plug-in, so even though I was changing the CSS correctly, it wouldn’t work. Now I’ve got it and I even found the google fonts web page where I can get the above codes to make other changes. Thanks so much for your help!!

You have been SO helpful! I have one more question. I see where I can play around with editing HTML with Chrome developer tools, so I got my header to add a second line there. Of course, it is only a preview type screen. Where can I actually add the HTML code? I see where to change the CSS – I’ve created a child theme and am also using Custom CSS. But, I can’t figure out how to change the actual source code – if that’s the right language. I essentially added a line called .site-tag that had mostly the same code as .site-description, but I changed the font size and the the positioning. Where can I change this – directly in the files? If so, which one?

Look at header.php, that’s the most common file used to generate the header. If that’s it, then make a copy of it into your child theme’s folder and make the change there.