WordPress.org

Ready to get started?Download WordPress

Forums

Preference Lite
[resolved] Change paragraph font size (5 posts)

  1. maidenlissa
    Member
    Posted 3 months ago #

    I couldn't find the answer to this. How can I change the font size for my paragraph text? I want the main font to be just a little bit bigger so its easier to read.
    I'm a newb and don't understand css very well. If I don't have to change css even better.
    Here is my site. Feedback is welcome, but be gentle... I just started!

    Thanks,
    Melissa
    Using:
    WordPress 3.8
    Preference Lite 1.7.2

  2. StyledThemes
    Member
    Theme Author

    Posted 3 months ago #

    You will want to make this change using a child theme (which this theme has one) or a CSS edit type plugin (might be better). The font size is found in the theme's style.css around line 68 and looks like this:

    body {
    font-size:13px;
    font-size: 0.813rem;
    line-height:21px;
    line-height:1.313rem;
    background: #dadddf url('images/patterns/pattern-bg.png') 0 0 repeat fixed;
    }

    You will notice there are two font size showing, one is in px and the other as rem. The rem one will override the px because it comes after it. However, if you are going to change this, remove the rem line and just use the px (pixel) size instead. Default size is 13px, but this is where you would change it to what you want. Incidentally, 0.813rem = 13px (www.pxtoem.com)

    Note: my tutorial about using a child theme:

    Child Theme Tutorial

  3. SideKick Dan
    Member
    Posted 3 months ago #

    Hello,

    I'm not familiar with the template you're using, so if you aren't finding any theme settings to change the font sizes for your paragraphs, there might just not be any.

    Is so, you can install and activate a custom css plugin where you can paste in some css. Or optionally, you could create a child theme of your main template, activate the child theme, then edit the style.css file of the active child theme. Either way, paste in this css code to either the style.css file or the custom css plugin that you can find for free. It should give you control over the font size for the paragraphs.

    Css is actually pretty easy once you get your feet wet. Here's that code.

    p {
    font-size: 1.2rem !important;
    }

    Note: font-size can be defined using pixels, percentages, em's, and rem's. Anything but pixels is 'dynamic' which means fonts will auto resize with any text-size plugins and if you have a mobile responsive template. Your template uses rem's. You can play with the font size. the following examples show examples of how.

    p {font-size: 1rem !important;}
    
    p {font-size: 1.2rem !important;}
    
    p {font-size: 1.6rem !important;}

    and so on :)

    Let me know if it works!

    (later edit - my bad, just noticed the theme author replied :) However, the above code for css does let you target just the paragraphs and nothing else if that's your desire )

    Best Regards,
    Danny

  4. maidenlissa
    Member
    Posted 3 months ago #

    Thanks for the quick reply. I'll try this a little later and let you know how it went. At the moment it feels like my brain is fried... I'm supposed to be designing clothes, not websites! lol

  5. maidenlissa
    Member
    Posted 3 months ago #

    @StyledThemes
    Thank you, thank you, thank you! It worked perfectly! Now I'm just working on changing the colors back to what they were before I installed the child theme. I'm sure I'll be back later with more questions, but this helped me get started in the right direction.
    Let's get excited about child themes! lol

Reply

You must log in to post.

About this Theme

About this Topic