Author MarionBlack
2014
2
Premium
Rank 45529
Unfollow

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 size to make it whatever you like.

If you want to change the font size for headings 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'.


Related Training:

Custom CSS: Change Font Family Site-Wide

Custom CSS: Change Font Color Site-Wide

Custom Css: Change Link Colors Sitewide

Training by Marion Black - Sorted


As always, I'm here to help you,

Please share the love, click 'Like This' (if you do). Ask a question, share something or leave a comment.

Join the Discussion
Write something…
Recent messages
RHBarlow Premium
Marion,
This was a great video.
Reply
MarionBlack Premium
Thank you.
Reply
PatsyC Premium
Hi Marion :D

That was too easy!

I found my font was kind of small and this is perfect.

Thank you very much, I love your quick and easy to understand training :)
Reply
MarionBlack Premium
Thanks Patsy.
Reply
VonnieOh Premium
Thanks Marion. Please do more trainings on Custom CSS. :)
Reply
MarionBlack Premium
Yes, I can see a small series coming up.
Reply
TomasB Premium Plus
Thanks for sharing Marion, your video is brief and gets to the point in a very easy to understand manner. Have a good week.
Reply
MarionBlack Premium
Thanks Tomas.
Reply
Dinh Premium
Thanks Marion.
Nice video!
Reply
MarionBlack Premium
Thank you.
Reply
Top