Different font sizes in post

  • Author
    Posts
  • #1616049

    originalmel
    Member

    Hello!
    I am trying to get the entire post in the same font. You can see here: http://melanielefebvre.com/2014/01/22/work-with-what-you-got-my-award-winning-short-story/
    that the first para and the title are one font and then the rest of the text is a larger. I would like it all to be the size of the first para. I was playing around in Text mode putting in code for the indents, so that probably messed me up.
    Any suggestions?
    THANK YOU!!
    Melanie

    The blog I need help with is melanielefebvre.com.

    #1616161

    justpi
    Member

    There’s no point adding such styling in the Text editor when you have the Custom Design upgrade. You enclose the entire section in a div pair, and you take care of its styling in the CSS editor. If you want ‘traditional’ paragraphs (no space between them), you remove the bottom margin of the paragraphs.

    So:

    First delete all of these:
    <div style="text-indent:23px;">
    and all the corresponding closing tags.
    Then enclose the section this way:

    <div class="traditional-indent">
    
    PARAGRAPH HERE
    
    NEXT PARAGRAPH HERE
    
    ETC
    
    </div>

    Make sure there are blank lines as shown (or enclose your paragraphs in p tags).

    Then add this in the CSS editor:

    .traditional-indent {
    text-indent: 23px;
    margin-bottom: 1.625em;
    }
    .first-line-indent p {
    margin-bottom: 0;
    }

    #1616162

    justpi
    Member

    Oops! Sorry, I changed the name of the class, but forgot to change all three. CSS:

    .traditional-indent {
    text-indent: 23px;
    margin-bottom: 1.625em;
    }
    .traditional-indent p {
    margin-bottom: 0;
    }

    #1616182

    originalmel
    Member

    SUPER! thank you!… again!
    that’s all I ever say to you it seems :) could be worse i suppose

    #1616183

    justpi
    Member

    You’re welcome!

The topic ‘Different font sizes in post’ is closed to new replies.