Video by leoemery
Added Aug 19, 2014

Author leoemery
2012
5
89
Premium
Ambassador
Rank 89

In this short video I show you how to change the size of the font on your site for specific blocks of text.

This is a good skill to have as it is one less plugin you need to have that may or may not cause a conflict with your site.

I believe in you!
Leo

Join the Discussion
Write something…
Recent messages
KGeorges Premium
I know to code but can’t change the blog roll font size, catagories, or summary. I tried the CSS.
Reply
CW3 Premium
Thank you for the training. That helps alot.
Reply
Lilika84 Premium
Thanks! This is what I need! Yeeey!!!!! :)))
Reply
NDyria Premium
Thank you this was very helpful, even though I have to go into each post/page and make these changes it will look so much better. Thanks again. :)
Reply
minitrio Premium
Thanks a lot, very useful :)
Saves me downloading a plugin which can slow down the site.
Reply
MikeLong Premium
Thanks Leo,
I needed that !
Regards !
Mike
Reply
Jaweda2k Premium
Thanks Leo, just what I needed!
Reply
andrekish Premium
Thank you Leo. That's the way to make a training video. Simple, short and straight to the point with no prelude waffle.

Will check out you other training vids & stuff.

Thanks from UK.
Reply
leoemery Premium
I'm a pint A to B kind of guy - makes things easier. Glad you liked the video
Reply
TanjaRita Premium
This is exactly what I was looking for! Thank you for sharing this info. I just noticed that when I go back into the text editor after updating my changes what I originally entered (as per your instructions) has been changed to: <span style="font-size: x-small;">. Any idea why this is happening?
Reply
leoemery Premium
That's the way CSS displays things showing an absolute size.
Reply
TanjaRita Premium
OK thanks.
Reply
HelenpDoyle Premium
Hi Leo, I checked out this video and did the code and the font changed. When I went back to the text view the code had changed. I assume (careful Helen) this is the an updated code that replaces what you gave here. Now another question I have is is there anyway to reduce the line spacing? There is a lot of space between lines and I would like 'single spacing' in some cases.
Reply
leoemery Premium
To create a single space line you can do: Shift+enter or use this <br>
Reply
HelenpDoyle Premium
Thanks mate. I am sure there is a list of things like this but I have been trying to absorb all that is coming in and haven't had a chance to look for it!
Reply
Ilina Premium
Thank you, another great video of yours! So easy and without installing a plug-in :)
Ilina
Reply
leoemery Premium
You're welcome
Reply
HelenpDoyle Premium
Leo, just what I was looking for. And I just knew you would know so I went to you first! In addition to this is there anyway to control the width of columns in tables. I am using Hiero and after many questions in creating tables I found when I copied my table from xcel to my post it formatted automatically. Unfortunately the column width isn't what I want (hence the font size question - I am experimenting on making columns narrower!). The post is on http://fantasy-sci-fi-vision.com re lists. (you may already have this as I posted it.) And will the font size code work on a table?
Reply
leoemery Premium
Instead of using excel to create your table it's far better to use a table generator designed for being on your site.

You can use a free table generator such as the one from http://www.quackit.com/html/html_table_generator.cfm

You can make the table exactly the way you want - once created copy the code and place it on your page or post - make sure you are in text mode when you do so.

Hope this hleps
Reply
HelenpDoyle Premium
I did figure out the xcel copy one but I had to do it one column cell at a time! Thanks i will book mark this for my next experiment. A long time ago when I did my engineering training experience I did a lot of work on programming activities. My idea is that if I want something done then the computer SHOULD do it. When I finished the three months one of the guys said it was his busiest summer for ages. He had to keep fixing the computer when it crashed while trying to do what I wanted it too!
Reply
GwynnGriffin Premium
I sure do love learning from you, Leo! Thanks very much. Gg
Reply
leoemery Premium
You're very welcome
Reply
JJMac Premium
Hi Leo! quick question. This helps for changing font size inside the body of a page or post, but can I change the size of the name of the page or post? My page names are quite large and after only adding a few they are wrapping around on themselves and it looks a little funny.
Thanks!
Reply
leoemery Premium
To change the default page and post title font size requires it to be done within your themes code.

What theme are you using?
Reply
JJMac Premium
I'm using a very basic one from when I first started. Hiero
Reply
leoemery Premium
If you go under Appearance - then Customize - then click on General - you will see where you can upload your logo - this is also the same place you can upload your header image

I uploaded a test header 1099px wide and 180px high and it looked fine - I would not go any wider or higher then that.

But of course you can play around with the width and height of the header to see what looks best.

Hope that helps
Reply
JJMac Premium
Yet again you're awesome. Thank you for the help, very much appreciated.
Reply
leoemery Premium
No worries - you're welcome
Reply
cena1975 Premium
Hi Leo, The normal wordpress text is what size?
Thanks, a great info. You make presentation on video look easy.
Reply
leoemery Premium
It depends on the theme - you know when you use Microsoft word and you can set the text size for the document?

You'll find that on average the text size for most themes are set between 12 - 16 just like you would set your word document.

Using this HTML method the size numbers are different - so for example 3 would be a medium size font
Reply
Shawn Martin Premium
Nice, thanks
Reply
geney33 Premium
Thanks Leo, very useful info. Gilles
Reply
leoemery Premium
You're welcome
Reply
Wondermn Premium
Thank you, Leo. Very useful to me.
Reply
leoemery Premium
You're welcome
Reply
johnwnewman Premium
Thanks Leo!
Reply
leoemery Premium
You're welcome
Reply
zora2 Premium
Awesome as usual Leo. Thanks
Reply
leoemery Premium
You're welcome
Reply
SowAndReap Premium
Thanks Leo!
Reply
leoemery Premium
You're welcome
Reply
KD6PAO Premium
Nice and simple explanation Leo! Well done!
Cheers, Joe
Reply
leoemery Premium
Thanks
Reply
Christabelle Premium
Awesome Leo! Thank you! :) Christa
Reply
leoemery Premium
You're welcome
Reply
JeanR Premium
Thanks for the Training video. Good info and much needed..:)
Reply
leoemery Premium
You're welcome
Reply
CarlaIves Premium
Thanks, Leo. Great video! Is there a way to increase the overall text size for your website?
Reply
leoemery Premium
I don't use plugin as they tend to cause conflicts but yes some themes give you this option such as the Thesis theme which I use on one of my sites - I can change the font size within the thesis design options tab.

Some themes have this function under Appearance and then Customize.

And with still other themes which don't have this feature you need to go into the themes code and change the font size. This code is found under Appearance and then Editor.

As an example I took a screen shot of the code of one of my sites so you can see what it looks like.

https://monosnap.com/image/rDnAfnxmdvp4kIcUxlukZVAYb3FkdD

WARNING: If you do not know or are not familiar with code - I have 2 suggestions:

1) Don't touch anything

2) Create a test site install the same theme and then play with the code - this way if you screw things up you have not ruined your live site.

Once you know how to change things then you can make the change on your live site.
Reply
CarlaIves Premium
Thanks, Leo. I know a little bit of code, not much. But long ago, I learned that if I don't know what to push, keep my hands firmly in my lap. I will do so. Thanks again!
Reply
Mark Tait Premium
Great training Leo, thank you.

There are some tools available (F12 in IE, right click, inspect element in Chrome etc) that let you click on areas of a page, and let you see what files, and specifically which CSS classes are affecting the display.

If you know what these are, it's pretty straight-forward, as in Leo's video, to change almost any element of your display/theme.

I would suggest though, making a full backup of your site before making any changes... you just never know :)

All the best, Mark
Reply
TammiR Premium
You're the best! I have a folder filled with your trainings lol.
Reply
leoemery Premium
Cool - I have more to come
Reply
Top