Docs

[Alex]

Hello,

I’m trying to fix the large gap between posts on this page:

http://playingwriter.com/blog/

http://take.ms/rFrI8

I don’t know where it comes exactly, but came up with this code:

.entry-content {
    margin-top: 25px;
    margin-bottom: -77px;
    padding-bottom: 30px;
    border-bottom: 1px solid #F2F2F2;
}

Could you tell me if it’s an optimum way to fix this gap? I don’t like the negative margin, is it right to use it?

Thanks.

—
Alex

[Alex]

Also, I found this big gap between the page title and the content:

http://take.ms/TBiss

How can I remove it too?

Thanks.

—
Alex

[Joao]

Hi Alex,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-container.offset {
     margin-top: 1em;
}
.hentry {
 margin-top: 0px !important;
}

Hope it helps

Joao

[Alex]

Hello,

Thanks for the code!

I changed it a little bit to

.hentry {
 margin-top: 0px !important;
}

I noticed that it works strange, though: the margin between the first and the second posts is different comparing to other posts. You can check it here:

http://playingwriter.com/blog/

Screenshot with a 1st post’s margin:
http://take.ms/BTs3L

Screenshot with a 3rd post’s margin:

http://take.ms/DEL9W

Could you help fix this?

Thanks.

—
Alex

[Friech]

Hi Alex,

Since you need to space out each article, please use this custom CSS instead.

.blog article {
    margin-bottom: 2em;
    margin-top: 0 !important;
}

Feel free to adjust it.

Thanks.

[Author]

Posts