• Closed
  • TS
    Spectator
    January 16, 2019 at 8:38 am #42144

    Hello,

    I set up my new personal blog and all seems to work fine. But I don’t seem to succeed in eliminating the big white space gap that gets displayed between my post titles and post metas (date & author) and the post excerpts themselves.
    Here’s the blog’s address: http://www.thsimonelli.net
    (The gap appears biggest in Mozilla, smaller in Chrome, but still too large to my taste.)

    I tried to zero px the margins, padding and borders (top and bottom) of all the CSS classes I thought useful and some of which i found in the Forum (like: .thumbnail-post img, .entry-content.article, .entry-content .thumbnail-post.img, .div.col.author.vcard, .div.row.post-meta.align-items-center, .div.post.content, .div.thumbnail.post … etc.) but none worked.

    I guess this must be an easy one, but I just don’t find the right class … 🙁
    Can you help me out?
    Thank you!

    Roman
    Spectator
    Posts: 3147
    January 16, 2019 at 9:57 am #42145

    That space is defined with the post title bottom margin:

    .post-title {
    margin-bottom: 0;
}
    TS
    Spectator
    Posts: 4
    January 16, 2019 at 11:08 am #42147

    Great! Thanks a lot!

    That did part of the trick: the white gap is about 30% smaller, which is great.
    But it still seems pretty big.

    Is there another class to reduce it further? (30% more would do.)

    TS
    Spectator
    Posts: 4
    January 16, 2019 at 3:16 pm #42148

    I noticed what changed: it was not so much the distance between the post title and the meta-line, than between the meta line and the post excerpt. Not the same …

    .post-title {margin-bottom: 0;} moves the meta line (date & author) closer to the post title, but the gap between the meta line and the post image or text remains.

    .entry-meta {
    margin-bottom: 0px;
    }

    .entry-title {
    margin-bottom: 15px;
    }

    do not make a difference either.

    Roman
    Spectator
    Posts: 3147
    January 16, 2019 at 4:15 pm #42149

    Correct Additional CSS is:

    .post-content {
    margin-top: 1rem;
}
    TS
    Spectator
    Posts: 4
    January 16, 2019 at 4:39 pm #42150

    That’s the one!! (I knew it was simple …)

    Thanks a lot. That helped! ‘Problem’ solved.

    Roman
    Spectator
    Posts: 3147
    January 16, 2019 at 4:45 pm #42151

    thanks for the update 😉