Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #49428
    sbartsch
    Participant

    Hello,

    I’m wondering if it’s possible to slightly decrease the line-height in the body copy whenever I press enter (or have a hard-return). The spacing seems to be kind of wide. For example on this page: ieo.wp.d.umn.edu/finances the spacing seems to be wide between the first and 2nd paragraph.

    Any info would be great. Thanks!

    #49453
    Sakin
    Keymaster

    @sbartsch: You can add the following css in “Appearance => Theme Options => Custom CSS” box:
    p { margin-bottom: 20px; }

    #91365
    Klaus
    Participant

    I also want this but it is not working????

    #91411
    Sakin
    Keymaster

    @klausm: Please post in your site URL and then I can check in.

    #91448
    Klaus
    Participant
    #91487
    Sakin
    Keymaster

    @klausm: are you trying to create the line height of the text or spacing after each paragraph that is margin bottom.

    1. For margin bottom, just decrease the margin-bottom form 40px to what ever you want in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

    @media screen and (min-width: 768px) {
        p { margin-bottom: 40px; }
    }

    2. If it’s line height, then you need to decrease 1.8 to your desire unit and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:
    body, button, input, select, textarea { line-height: 1.8; }

    #91500
    Klaus
    Participant

    Great, thanks Sakin.

    Your tip no. 1 did the trick 🙂

    #91501
    Klaus
    Participant

    Earlier I asked for the making the white space smaller betwwen the slider and the page title, and I got this line:

    .home #main { padding-top: 10px; }

    Which work on the home page, but how can I get to work on all pages?

    I would actually like to get rid of the page title totally, because you can already see the highlights in the menu where you are.
    So how can I do that?

    Thanks for your help, much apreciated.

    #91524
    Sakin
    Keymaster

    @klausm:
    1. For content padding. Just replace .home #main { padding-top: 10px; } with .site #main { padding-top: 10px; }

    2. To hide page tile, you can add the following css:
    .page .entry-header { display: none; }

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Decrease line-height in hard-returns, in body copy’ is closed to new replies.