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
Please scroll down for comments.
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
Thanks for the nudge Peter. I’ve just added the code you need to the bottom of the post.
Cheers Marion I’ll apply accordingly.
Great site! Thank you… great place to dwell