Add space between posts.

  • Resolved mnikoley

    (@mnikoley)


    16 years, 10 months ago

    Please take a look at my site https://www.provanta.com

    You’ll notice there is very little space between each post on the homepage. I would like to increase the space a bit or even put a line in between each post. I’m sure just adding space has to be done in css but I can’t seem to get anything to work.

    I’ve tried adding this
    .post {
    padding-bottom: 20px;
    }

    To my css but I’m new to working with css and don’t know if I’m doing it correctly.

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

  • If you look into the themes directory for the one you are using, open the style sheet for that theme and look for: #content

    If not there you can add it in using:

    #content .post {
	margin-bottom: 40px;
}

    for example

    Thread Starter mnikoley

    (@mnikoley)

    Still can’t get it to work. I added it in my style sheet like this but its not changing the spacing. Thanks.

    /************************************************
    * Content *
    ************************************************/

    #content {
    width: 820px;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    line-height: 20px;
    }
    #content .post {
    margin-bottom: 50px;
    }

    #content p {
    padding: 0px 0px 15px 0px;
    margin: 0px;
    }

    #content h1 {
    color: #202020;
    font-size: 22px;
    font-family: Times New Roman, Tahoma, Verdana;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    }

    Moderator Samuel Wood (Otto)

    (@otto42)

    www.remarpro.com Admin

    The .post won’t work because your theme does not have each post inside its own div with class=”post”.

    You can either edit the theme to wrap each post inside a div, or add some extra margin to the bottom of the postmeta div instead.

    .postmeta { margin-bottom: whatever; }

    Thread Starter mnikoley

    (@mnikoley)

    The .post won’t work because your theme does not have each post inside its own div with class=”post”.

    You can either edit the theme to wrap each post inside a div, or add some extra margin to the bottom of the postmeta div instead.

    .postmeta { margin-bottom: whatever; }

    Thanks, that did it.

    Of course… i should have caught that ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add space between posts.’ is closed to new replies.