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.

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

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;
}

etc.

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


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?
    Thanks

    Peter
    WA member

    Reply

Leave a Comment

>
Skip to content