Change Font Size for Body of Post

Hi marchnall,

How to change the font size depends on a few factors. Do you want to change this only for single blog post pages, or do you want to change it on category pages too? Additionally, do you want to keep the font for pages as it currently is, or change that as well? Finally, a link to your site would make it possible to inspect and determine the best way to do this.

Thanks!

Christi

I would like to change the font size for the body for my all my blog post and I would like to change it on category pages as well. I would like to keep the font for my pages the same as it is. Here’s my site: HomeSchoolBuilt.com
Thank you for your help and time!

Hey there marchnall,

This can be done by adding some custom CSS. The easiest way to do that, if your theme doesn’t already have custom CSS tab, would be to add it in your site using the following plugin

https://www.ads-software.com/plugins/simple-custom-css

Once the plugin is installed and activated you can add this code to Appearance >> Custom CSS:

.entry-content {
font-size: 1.25em;
}

Increase/decrease the numeric value to what ever suits you the most. This should affect the font size in pages, posts, single post pages and category page.

Hope this helps.

Best regards,
Bojan

Thanks for your help! I did just like you said and it didn’t change anything. I tried adjusting the size too. I at first did it with the “Edit CSS” tab and that didn’t work so I installed the plugin you recommended and tried it with that and that didn’t work either. What could be the problem?
Thank you.

Could you provide a link to your site so we can have a look directly?

EDIT – I see your URL above and will have a look.

It doesn’t look like you’ve saved any custom CSS – your custom CSS stylesheet is blank, as you can see here:

https://www.homeschoolbuilt.com/?custom-css

Did you save your custom CSS after adding it?

Ok I added it. I had it saved in the plugin Bojan recommended.

Is your body font looking as you’d like it to now, or do you still need any help?

No, when I change the code to

.entry-content {
font-size: 5em;
}

nothing changes. I try changing it to something else, nothing changes. I don’t know what’s wrong. I have some experience with code and have never had an experience like this. Am I missing something?
Thank you SO much for your help!

I’m still not seeing any styles saved in your custom CSS stylesheet. When I add it in the browser inspector, it works as expected, as you can see here: https://cloudup.com/cXHBvodaPAE

Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS. Would you like to try this method instead of the other CSS plugin?

I’m actually using the Jetpack “Edit CSS” method right now. Here’s a screenshot: https://www.homeschoolbuilt.com/wp-content/uploads/2014/12/screenshot.jpg. I see it. That’s strange that you don’t see it. I went to https://www.homeschoolbuilt.com/?custom-css???

OK. I went into the actual editor for homeschoolbuilt.com by going to Editor > style.css and went and found .entry-content and manually changed the size there and it WORKS!!

…but now my site is extremely slow. Are there any disadvantages to editing it that way?

Also, I would like the Home page to have the same size font as it had before I changed the CSS. How would I go about that?
Thanks

I’m actually using the Jetpack “Edit CSS” method right now. Here’s a screenshot: https://www.homeschoolbuilt.com/wp-content/uploads/2014/12/screenshot.jpg. I see it. That’s strange that you don’t see it. I went to

Thanks for the screenshot. You’re not seeing the effect because you’ve put the code between comment tags. ??

Remove these lines:

/* 

*/

OK. I went into the actual editor for homeschoolbuilt.com by going to Editor > style.css and went and found .entry-content and manually changed the size there and it WORKS!!

I’d suggest you undo the changes there – you won’t need them once you make the changes correctly in your custom CSS editor. If you make changes directly to your theme files, they’ll be overwritten every time you update the theme with the newest version. This is why it’s better to use a custom CSS plugin.

Also, I would like the Home page to have the same size font as it had before I changed the CSS. How would I go about that?

Are you saying you want all pages except the homepage to have the larger font?