[resolved] Help: Remove space between bottom-border (a line) between posts (3 posts)

  1. Flaash
    Posted 3 years ago #

    I am hoping someone can help.

    I've added a line between posts on my main page as below. However there's a large space which emerges between the between the bottom-border and next post header. I don't know where it came from and I am not sure how to fix it.

    Look at the problem: Flaash.org

    In my style.css:
    border-bottom:1px #e2e2e2 solid;

    In my index.php:
    </div> <!-- article -->
    <div class="clearfloat border_bottom">
    </div> <!-- block -->

    Also, for some reason the line does not appear when I put the code before the </div> <!-- article -->. I am not sure if it's because I am using the "Thumbnail For Excerpts" Plugin.

    Can anyone help?

    I can't figure out for the life of me and would appreciate a solution so I don't lose my head :)

  2. vtxyzzy
    Posted 3 years ago #

    That space is caused by the CSS rule for .block:

    .block {
        margin-bottom: 30px;
        padding-top: 10px;

    Reduce the margin-bottom.

  3. Flaash
    Posted 3 years ago #

    That worked perfectly! Thanks very much

    To see your help in action please click here

Topic Closed

This topic has been closed to new replies.

About this Topic