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.


About the Author


Marion is the founder and owner of Marion Black Online. When she's not creating "How to" videos, she enjoys spending time with her family, shopping, and binge-watching an entire TV series in one day.

"10 Steps to Start Blogging"
Free Mini-Course

Step by step video training to launch your own online business

  • Peter says:

    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

  • Fleeky says:

    Great site! Thank you… great place to dwell

  • >
    Skip to content