Ho to make Font bigger if your Theme does not support it

WARNING: Those instructions involve editing style.css file, changes to this file can brake your entire site and all changes can be lost when you do update the Theme.

IMPORTANT: DO back up before editingstyle.css file.

NOTE: All changes done to style.css file will affect all site not just single page.

Some of the themes come with small font size making it difficult to read, now and then I see people are advised to make it bigger but they do not know how, so there are instruction on how to do it.

Using F12 or "Inspect Element" function to find what to change and test changes in browser

Don't worry, any changes done in this mode, are done only in browser and won't affect live site, but will give you instant feedback.

I personally use Google Chrome but other browser should support this feature. F12 and Right Click and "Inspect Element" will open same Developer console with difference that if you highlight part of website you interested "Inspect Element" will bring you to exact part of the code for highlighted element.

1) Open your page and highlight bit of a text you want to inspect, do right click on it and select "Inspect Element"

2) In my example I got Code information for Paragraph, so any changes I will be doing will affect Paragraph Styling, you can change setting for H1,H2 and os on this way.

3) Now look to the right, Make sure you have Styles tab selected. Scroll down till you see font-size:

4) Im my example Size was set to 16px. I will change it to 25 and check how it will look on my site, See below screen shots for 16 and 25, you clearly can see the difference.

Note: You can change font color here aswell.

So we done testing and happy with result.

Live Site Changes.

Go to your Worpress Dashboard. Go to Appearance>Editor and open style.css file

IMPORTANT: just in case we will do a back up. Click anywhere inside the file editor and click CTRL+A, this should highlight all text. Select Copy( CTRL+C or right mouse clcik and copy) and copy all content of this file in note pad or text editor on your computer. Save this file. OK now if we do any mistake we have a backup and will be able to recover all content.

Back to changes.

In Wordpress in style.css do search (CTRL+F) for same code as you was changing in Browser, in my example it was { font-size: 16px } in yours it could be different.

As you can see from this screen shot, this particular font setiings are same as I had in Browser testing (Size family, size weight), this additional information helps to distinguish if we are about to change correct code.

Go ahead and change it to size you want it and click on Update File at the bottom of the page.

Go to your life site, refresh it and make sure nothing got broken and you achieved what you wanted.

If for any reason your site will stop working, or styling will go wrong you always can restore file from copy you saved earlier.

I did those setting on Omega Theme.

If you have any issues doing those changes on yours, please Reply here with your theme name and I will advise what changes to do.