CSS: Change Font Size Site-Wide

CSS: Change Font Size Site-Wide with Custom CSS in WordPress. Quick and Easy, Even for Beginners

In this video you’re going to learn how to change the font size for your entire website in one easy lesson.

The code you need for your normal text (Paragraph) is:

p {
font-size: 18px;

You can adjust the pixel size to make it whatever you like.

If you want to change the font size for headings (H1 to H6) then use this code:

h1 {
font-size: 40px;
h2 {
font-size: 30px;


For unordered lists (bullets) and ordered lists (numbered) you have to add a couple more items, replacing ‘p’ with ‘ul’ and ‘ol’.

ul {
font-size: 18px;

ol {
font-size: 18px;

What size font are you using on your website?

More stuff you can do with CSS

Change Font Colors Site-Wide
Change Font Family Site-Wide
Change Link Colors Site-Wide

Please scroll down for comments.

4 thoughts on “CSS: Change Font Size Site-Wide”

  1. Hi Marion and many thanks for the CSS this has helped a lot.
    Pretty new to CSS and I was wondering if you could assist.
    The bullet pointed text is too small for my liking , do you happen to have the relevant code to adjust this please?

    WA member


Leave a Comment

Skip to content