WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Remove empty space between post excerpts (7 posts)

  1. flexplorer
    Member
    Posted 10 months ago #

    Hello,

    I'm trying to remove the empty white spaces in between the post excerpts to give my site a tighter look. I believe it has something to do with padding, but I can't figure it out. Any help will be much appreciated. Thanks in advance!

    Here's my site: here.

  2. Siobhan Bamber (siobhyb)
    Forum Mod.
    Posted 10 months ago #

    Hey. The extra padding between the bottom of each post's content and its preceding border is being caused by the following CSS:

    #content .post {
    padding-bottom: 3em;
    }

    This seems to have been inputted via the Simple Custom CSS plugin.

  3. Siobhan Bamber (siobhyb)
    Forum Mod.
    Posted 10 months ago #

    The empty space between each post's title and the previous post's border is being caused by the following CSS in the style.css file:

    .site-content article {
    margin-bottom: 72px;
    margin-bottom: 5.142857143rem;
    }

    To reduce this gap, copy and paste the above into your custom CSS plugin and reduce the values of margin-bottom as you wish.

  4. flexplorer
    Member
    Posted 10 months ago #

    Okay thanks, it looks like it's working. Do you know how to remove the white space from beneath the "continue reading"?

  5. Siobhan Bamber (siobhyb)
    Forum Mod.
    Posted 10 months ago #

    Try:

    #content .post {
    padding-bottom: 0;
    }
  6. flexplorer
    Member
    Posted 10 months ago #

    That did it! Thanks!

  7. Siobhan Bamber (siobhyb)
    Forum Mod.
    Posted 10 months ago #

    You're welcome. :)

Reply

You must log in to post.

About this Topic