At 99social, we’re avid fans of the Divi WordPress theme.

It’s one of the most customisable, versatile themes on the market, and we’re proud to use it on our website.

But the truth is that the theme isn’t perfect, and sometimes you need to make a few tweaks to get it to perform in the way you want it to, and that means going outside of the Elegant Themes options menu.

When we launched our new-look website at the end of 2018, we realised that our blog was lacking and that the font we used on the rest of our website didn’t look great on our single blog posts.

We wanted our blog posts to pop, but with a small font it can be hard to read lots of text and we might put users off from engaging with our material.


Changing the font size of blog posts

There’s no way to change the size of your blog posts font in the Divi settings without changing the rest of your website’s default font, but you can use some custom CSS to make it happen.

Go to Appearance, Customize, and then click on Additional CSS. Copy and paste in the following CSS code, and change the font size and line height to suit your needs.

.single-post p{font-size: 16px; line-height: 22px;}

Press Save, and you’ll be able to see your new-look blog posts.

You can further customise this by changing the font, its weight, padding, and colour, to give your blog a unique feel that looks different from the rest of your website.

We hope that you found this guide useful. Check back soon for more Divi tips and tricks.

Pin It on Pinterest