How To Increase Font Size in Wordpress?

You really need to read up on CSS. Somebody could propose an answer and you could implement it, but if you don't know anything about CSS it's very likely that you'll be back here with a question like, "Hey, I just made a small change to my CSS and now my site layout is all messed up. Please help!".

This looks like a good place to start CSS Introduction

Thanks

Signature

:)

{{ DiscussionBoard.errors[5450746].message }}

Istvan Horvath

15 years ago

Originally Posted by warriorspirit786

I want to know how i can change the font size of text in my wordpress posts?

I have checked in the Wordpress Editor but in the "Paragraph Dropdown Box"
it only gives me options for the H1,H2,H3 tags etc up to H6 to change the text size.

Honestly, if you have to ask... you shouldn't do it... because it is a difficult task for those lacking any knowledge of web design/CSS.

Get another theme if you are unhappy with the font size.

[ 1 ] Thanks

Signature

{{ DiscussionBoard.errors[5450851].message }}

warriorspirit786

15 years ago

Thanks for your replies.

Is it possible to edit the style sheet for each individual post in wordpress?

Thanks
1 reply

{{ DiscussionBoard.errors[5450970].message }}

Istvan Horvath 15 years ago

Originally Posted by warriorspirit786

Thanks for your replies.

Is it possible to edit the style sheet for each individual post in wordpress?

In theory... yes. Although if you have 14,000 posts and want different style for each of them - you'd end up with a huge, over-bloated CSS file.

FYI: one of the benefits of using a CMS system (like WP) is the uniform style, layout and design of the whole site, i.e. every post. Why would you want to mess with that? (especially, if lacking the knowledge?)
- [ 1 ] Thanks
Signature
{{ DiscussionBoard.errors[5451194].message }}

retroid

15 years ago

^ Yes it is possible, but that depend on how the theme coded.

Thanks

{{ DiscussionBoard.errors[5451144].message }}

dd1153

15 years ago

Install the plugin TinyMCE Advanced and you can do it on your visual page.

Thanks

{{ DiscussionBoard.errors[5451149].message }}

cjbmeb14

15 years ago

I have used TinyMce advanced plugin. It is an excellent plugin and is very easy to use.
It has a lot of options that you can select to display or not.
You can even use it to display smilies.

Thanks

Signature

EXPLODE your Offline sales!!!! My unique methods of selling are all revealed. I went from writing $5 articles to selling Mobile Websites that convert like CRAZY!!!!!!

{{ DiscussionBoard.errors[5451172].message }}

cassiegetty

15 years ago

it really depends on your theme. install TinyMCE Advanced plugin, it might help you make your desire font.

Thanks

{{ DiscussionBoard.errors[5451303].message }}

ritchierich

15 years ago

Yes, Install the Ultimate TinyMCE Plugin.

If you really want a fine grain solution, edit the stylesheet.css.

Thanks
1 reply

Signature

Ways To Make Money Online

{{ DiscussionBoard.errors[5451358].message }}

warriorspirit786 15 years ago

I have installed the Ultimate TinyMCE plugin but i have a problem.

I am able to increase the size of the font for the particular piece of text i want it for but when i save the changes, it reverts back to the original size again.

Is there a particular setting i need to activate to get it to work?:confused:

thanks
- Thanks
- 1 reply
{{ DiscussionBoard.errors[5452002].message }}
- TimothyReeves 14 years ago
 
 Hi< I have the same problem, I downloaded it and it does not change to #14 font. Did you ever find a fix? Thanks, Timothy..
 
 Thanks
 
 {{ DiscussionBoard.errors[6719188].message }}

IM-software

15 years ago

Hi,

if you don't master CSS, as suggested by Annie Pot, you can increase the fonts' size all over the site by editing the "header.php" file, from within the: Appearance > Editor tab, and add a simple line of code in the head:
<style type="text/css">body{font-size:13px;}</style>
Or any other size: 14px, etc...

If you want to increase the size of specific pieces of text, you can use: Your piece of text

Thanks

{{ DiscussionBoard.errors[5453276].message }}

warriorspirit786

15 years ago

Thanks for your reply IM-software.

Where should i insert this code? Your piece of text

Can i insert it in the individual post itself via html?

thanks

Thanks

{{ DiscussionBoard.errors[5459143].message }}

Sharyn Sheldon

15 years ago

I agree that you shouldn't mess with the CSS if you don't know it. You can hire someone to do it for you, get a new theme, or learn a little basic html.

I tried the CK Editor plugin, which is like Tiny MCE, and I found that it adds too much code. Make one change and everything can get messed up. Also, if you switch back and forth between the visual editor and html, the code can go all wonky.

I suggest learning a little basic html and not trying to do anything too fancy. The code that was suggested above for the font size is used in your html editor box, not the visual wysiwyg one. That's about as simple as you can get.

Good luck!

Thanks

Signature

- Sharyn Sheldon

[BRAND NEW PLR] Shoestring Budget Startup - Ready-to-Go, Customizable Course and Complete Sales Funnel

FREE Content Planning Template Finally...an easy way to make sure your content is working for you

{{ DiscussionBoard.errors[5459187].message }}

warriorspirit786

15 years ago

Thanks for your reply Sharyn.

If all it takes is adding the above short code to my text in the html box in my post, then i cant understand how its going to mess up my whole sites CSS file.

I will try the above and see if it does the job for me. All im trying to do is make my affiliate links appear slightly bigger than the rest of the text in my post so they stand out a bit.

Thanks
1 reply

{{ DiscussionBoard.errors[5459337].message }}

Sharyn Sheldon

15 years ago

Originally Posted by warriorspirit786

Thanks for your reply Sharyn.

If all it takes is adding the above short code to my text in the html box in my post, then i cant understand how its going to mess up my whole sites CSS file.

I will try the above and see if it does the job for me. All im trying to do is make my affiliate links appear slightly bigger than the rest of the text in my post so they stand out a bit.

The CSS file contains code for the whole site. So if you make a change there without knowing what you're doing, it can mess up everything.

However, if you put the html into an individual post, it will just affect that post. Since all you want to do is make those links bigger, then using the html editor is definitely the way to go.

I'm still at a pretty basic level with html, but I've found that you don't really need much.

Thanks

Signature

- Sharyn Sheldon

[BRAND NEW PLR] Shoestring Budget Startup - Ready-to-Go, Customizable Course and Complete Sales Funnel

FREE Content Planning Template Finally...an easy way to make sure your content is working for you

{{ DiscussionBoard.errors[5459423].message }}

warriorspirit786

15 years ago

Thanks Sharyn.

I have now managed successfully to make my links bigger in my posts with the html code as above and it has worked perfectly.

Im now a bit more confident with html and it doesnt seem to be too hard as most people make it out to be.

Thanks for all the responses.

Problem NOW FIXED!

Thanks

{{ DiscussionBoard.errors[5459530].message }}

vgvetter

14 years ago

WordPress has several TinyMCE plugins. Advanced, and Ultimate have already been mentioned. Another is Deans. To be able to adjust font style and size on a per page basis go to Dashboard >> Settings>>xxxTinyMCE and make sure those options are active...SAVE

Have tried those three and found that at least 50% of the time parts of the text do not hold styling.. It may take 4 or 5 updates to get things right... Frustrating and time consuming, but for me lots easier than getting lost in CSS.

Thanks

Signature

Websites with WordPress
Free eBook: Download; Backup; Navigation; Forms; Graphics; RSS; Traffic; SEO; Customization; News Letters; eCommerce

{{ DiscussionBoard.errors[6719547].message }}

Miteshaegis

14 years ago

You learn about CSS (cascading style sheet ) in detail.
You can easily increase your font size yourself.

Thanks

{{ DiscussionBoard.errors[6743127].message }}

mayankgangwal

14 years ago

Simple go to the css and edit it from there.

Thanks

Signature

Charlotte Seo | Dallas Seo

{{ DiscussionBoard.errors[6748852].message }}

interserverx

14 years ago

Great solutions for you can install Ultimate TinyMCE Plugin .

Thanks

{{ DiscussionBoard.errors[6749438].message }}

paulie

14 years ago

You do not need to know anything about css or html. Search the wordpress plugins directiry as there are a number of free wp editor replacements which allow you to change your font sizes easily. I went through this myself. Everyone told me the best way was to learn css r html. Not needed.

Thanks

Signature

Paul Anthony.

{{ DiscussionBoard.errors[6773963].message }}

James King

14 years ago

I had the same problem. Luckily I found out about TinyMCE. You'd think something like this would come standard with wordpress.

The thing to remember about TinyMCE, is that if you are using any of the H1-H6 fonts, make sure you don't select any font size. Or else your H1 font could be 6px, which defeats the purpose.

Thanks
1 reply

{{ DiscussionBoard.errors[6774085].message }}

ronc0011 14 years ago
editing the CSS file would make site wide changes However if there is just some text that you want different then you can just apply a style as suggested by IM-software. A style can be applied to most objects like paragraphs or heading tags etc. so for instance if you just want your post to be different than the rest of your blog you can create it using the HTML view in the WP editor do something like this...
Code:

 This would be your paragraph text where your style would be applied. on the other hand if you just want to make one word different then you would use the span tag like so. 　 Using the span tag to make one word different this word needs to be in a <spanstyle="font-family:Arial Black;font-size:22px;color:Red;"> Big red font so it stands out 
One of the issues with tweaking your CSS file is that browsers default to certain behaviors and it's very common that when you go and change something especially something that changes the size of things then suddenly other things don't fit anymore and it makes things move around messing up the layout of your page However just changing the font size shouldn't cause any problems unless you are thinking of something altogether crazy.
- Thanks
{{ DiscussionBoard.errors[6782693].message }}

thememass

14 years ago

You should try to inspect the element your want to edit its css. FireBug or Inspect function on Google Chrome is good for you, I think.

Thanks

Signature

Best eCommerce WordPress Themes | Best WordPress Themes 2018

{{ DiscussionBoard.errors[6801043].message }}

Sidv220

14 years ago

You can either install TinyMCE plugin or use CSS for styling your fonts.

Thanks

{{ DiscussionBoard.errors[6801635].message }}

ericfox

14 years ago

According to me, I wouldn't use the since search engines prefer reading your tags from the CSS style file.

Just create a simple class and add the following code for example:

Code:
.font {font-size: 12px;}
That should work.

Thanks

Signature

We are experts in BigCommerce Custom Design, Template Customization and SEO

{{ DiscussionBoard.errors[6805082].message }}

benroger403

14 years ago

I think you should do it with CSS.

Thanks

{{ DiscussionBoard.errors[6805329].message }}

Excellence IM

14 years ago

[DELETED]

{{ DiscussionBoard.errors[7526729].message }}

Dazen

14 years ago

[DELETED]

{{ DiscussionBoard.errors[7536205].message }}

AllenMack

10 years ago

:O Whattttt well this was my reaction a while ago, when i was learning WordPress and i had the same problem

i would suggest just do it with CSS. If you want to increase the font size of whole website you can just do it with

p { font-size: 20px; }
h1 { font-size: 40px; }
h2 { font-size: 35px; }
h3 { font-size: 30px; }
h4 { font-size: 25px; }
body { font-size: 20px; }

You can change the digits according to the size you required. and yes you need to add these on your stylesheet which you can found at Appearance > Editor > Stylesheet.css

and if you want to increase the font size separately for the specific part or line you can just do it like:

This paragraph is normal, but this one is big
and that's it

Hope it helps

Thanks

{{ DiscussionBoard.errors[10714633].message }}

johnbrent606

10 years ago

There are many plugins are available for resizing the font size in wordpress. For eg - WP-Font-Resizer,
Visual Editor Font Size, Zoom, Visual Developer Custom CSS, etc....

Thanks

Signature

CCTV Camera Dealers

{{ DiscussionBoard.errors[10719298].message }}

How To Increase Font Size in Wordpress?

Trending Topics

New Member Here - Looking Forward to Learning and Connecting

Built my first service business. Now ready to improve and find new ideas.

I believe in reciprocating

Living a boring life is NOT always a bad thing ...

Ever wonder why great things happen to bad people and horrific things happen to good people??