How To Increase Font Size in Wordpress?

32 replies
  • WEB DESIGN
  • |
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.

All help appreciated.

thanks
T
#font #increase #size #wordpress
  • Profile picture of the author AnniePot
    You need to edit the css style sheet.
    {{ DiscussionBoard.errors[5450293].message }}
  • Profile picture of the author warriorspirit786
    Ok thanks, how do i do that Annie?
    {{ DiscussionBoard.errors[5450541].message }}
  • Profile picture of the author mojojuju
    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
    Signature

    :)

    {{ DiscussionBoard.errors[5450746].message }}
  • Profile picture of the author Istvan Horvath
    Originally Posted by warriorspirit786 View Post

    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.
    Signature

    {{ DiscussionBoard.errors[5450851].message }}
  • Profile picture of the author warriorspirit786
    Thanks for your replies.

    Is it possible to edit the style sheet for each individual post in wordpress?
    {{ DiscussionBoard.errors[5450970].message }}
    • Profile picture of the author Istvan Horvath
      Originally Posted by warriorspirit786 View Post

      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?)
      Signature

      {{ DiscussionBoard.errors[5451194].message }}
  • Profile picture of the author retroid
    ^ Yes it is possible, but that depend on how the theme coded.
    {{ DiscussionBoard.errors[5451144].message }}
  • Profile picture of the author dd1153
    Install the plugin TinyMCE Advanced and you can do it on your visual page.
    {{ DiscussionBoard.errors[5451149].message }}
  • Profile picture of the author cjbmeb14
    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.
    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 }}
  • Profile picture of the author cassiegetty
    it really depends on your theme. install TinyMCE Advanced plugin, it might help you make your desire font.
    {{ DiscussionBoard.errors[5451303].message }}
  • Profile picture of the author ritchierich
    Yes, Install the Ultimate TinyMCE Plugin.

    If you really want a fine grain solution, edit the stylesheet.css.
    {{ DiscussionBoard.errors[5451358].message }}
    • Profile picture of the author warriorspirit786
      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
      {{ DiscussionBoard.errors[5452002].message }}
      • Profile picture of the author TimothyReeves
        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..
        {{ DiscussionBoard.errors[6719188].message }}
  • Profile picture of the author IM-software
    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: <span style="font-size:13px;">Your piece of text</span>
    {{ DiscussionBoard.errors[5453276].message }}
  • Profile picture of the author warriorspirit786
    Thanks for your reply IM-software.

    Where should i insert this code? <span style="font-size:13px;">Your piece of text</span>

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

    thanks
    {{ DiscussionBoard.errors[5459143].message }}
  • Profile picture of the author Sharyn Sheldon
    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!
    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 }}
  • Profile picture of the author 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.
    {{ DiscussionBoard.errors[5459337].message }}
    • Profile picture of the author Sharyn Sheldon
      Originally Posted by warriorspirit786 View Post

      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.
      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 }}
  • Profile picture of the author warriorspirit786
    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!
    {{ DiscussionBoard.errors[5459530].message }}
  • Profile picture of the author vgvetter
    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.
    {{ DiscussionBoard.errors[6719547].message }}
  • Profile picture of the author Miteshaegis
    You learn about CSS (cascading style sheet ) in detail.
    You can easily increase your font size yourself.
    {{ DiscussionBoard.errors[6743127].message }}
  • Profile picture of the author mayankgangwal
    Simple go to the css and edit it from there.
    {{ DiscussionBoard.errors[6748852].message }}
  • Profile picture of the author interserverx
    Great solutions for you can install Ultimate TinyMCE Plugin .
    {{ DiscussionBoard.errors[6749438].message }}
  • Profile picture of the author paulie
    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.
    Signature

    Paul Anthony.

    {{ DiscussionBoard.errors[6773963].message }}
  • Profile picture of the author James King
    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.
    {{ DiscussionBoard.errors[6774085].message }}
    • Profile picture of the author ronc0011
      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:
       
      <p style="font-family:Trebuchet MS;font-size:16px;font-weight:bold;color:Red;">
      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</span> so it stands out
      </p>
      
      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.
      {{ DiscussionBoard.errors[6782693].message }}
  • Profile picture of the author thememass
    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.
    {{ DiscussionBoard.errors[6801043].message }}
  • Profile picture of the author Sidv220
    You can either install TinyMCE plugin or use CSS for styling your fonts.
    {{ DiscussionBoard.errors[6801635].message }}
  • Profile picture of the author ericfox
    According to me, I wouldn't use the <font tag> 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.
    Signature

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

    {{ DiscussionBoard.errors[6805082].message }}
  • Profile picture of the author benroger403
    I think you should do it with CSS.
    {{ DiscussionBoard.errors[6805329].message }}
  • Profile picture of the author Excellence IM
    [DELETED]
    {{ DiscussionBoard.errors[7526729].message }}
  • Profile picture of the author Dazen
    [DELETED]
    {{ DiscussionBoard.errors[7536205].message }}
  • Profile picture of the author AllenMack
    :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, <span style="font-size:25px">but this one is big</span>
    and that's it

    Hope it helps
    {{ DiscussionBoard.errors[10714633].message }}
  • Profile picture of the author johnbrent606
    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....
    {{ DiscussionBoard.errors[10719298].message }}

Trending Topics