Font Size

  • Author
    Posts
  • #357513

    I’m using a modified Tarski and I’m new to CSS. I want to make the text of each of my blog posts bigger. How do I do that? What do I need to change in CSS?

    The blog I need help with is danielstrauss.wordpress.com.

    #357764

    We need a link to the blog please.

    #357765

    raul008
    Member


    <div style="font-size:14px !important;">
    YOUR TEXT
    </div>

    Replace 14 for your prefer size :D

    #357766
    #357769

    raul008
    Member

    Yeah i see. have 2 modes:


    <div style="font-size:14px !important;">
    YOUR TEXT
    </div>

    Apropriated for texts


    <span style="font-size:14px !important;">
    YOUR TEXT
    </span>

    Apropriated for words

    #357771

    ellaella
    Member

    That’s crazy small. Adjust it here:

    body {
        color:#10100F;
        font-family:Times New Roman,sans-serif;
        font-size:76%;
    #357772

    My suggestion is to use em units instead of px. px is an absolute (dependent only on the monitor dpi which is either 72 or 96). Using points for text height is also not recommended. Points are for print media. em units are a percentage of the parent text height. In other words, 1.2em will make the text 120% the size that it was. It’s a much better way to do things with font sizing on web pages and in CSS.

    #357774

    So where in the CSS text do I find the right em units I want to change?

    #357776

    raul008
    Member

    @bluesmandaniel

    In body, at the start of CSS, put font-size:15px before } ;)

    #357777

    If you just want the text of post to be larger, add this to your CSS (assumes you are using the “add to existing stylesheet…” option):

    .post-content p {
    font-size:1.1em;
    }

    1.1 seems a good size, but you can play with it. You can also use two digits after the decimal point such as 1.15em.

    #357779

    Sacredpath, is there any particular place where I’m supposed to put that in the CSS? I mean I’ve been futzing with the CSS so the whole thing is in the stylesheet editor right now.

    #357780

    The just go to ” .post-content p ” and add the font-size line to it. Also, if you have the entire CSS stylesheet pasted in there, make sure that you have selected “Start from scratch and just use this” otherwise strange things can happen.

    #357782

    Okay cool. Okay path, I’m having one more problem. I’m now having trouble changing the blockquote color. Where is that?

    #357796

    Wait nevermind. I got it. All is well in the universe :)

The topic ‘Font Size’ is closed to new replies.