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

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

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


Please scroll down for comments.

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

    Peter
    WA member

  • Fleeky says:

    Great site! Thank you… great place to dwell

  • >