Author MarionBlack
2014
2
94
Premium
Ambassador
Rank 94
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
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
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
JGrier Premium
Thanks
Looks easy enough
Reply
MarionBlack Premium
Yes, it's easy when you have the right code.
Reply
Judy-B Premium
Thank you, Marion,
That looks pretty easy! :)
Reply
MarionBlack Premium
I always like "easy" :)
Reply
Top