I see a decent amount of space between each post, in Chrome and Firefox. Are you still seeing the problem?
Thread Starter
usdy
(@usdy)
I fixed it in the meantime by adding some lines to the CSS:
.hentry {margin: 0 auto 88px;}
I’ve reverted it so you can see my mess.
I think the rule that really affects you is this one:
media="all"
@media screen and (min-width: 846px)
.full-width.singular .site-content .hentry.has-post-thumbnail, .full-width.home .site-content .hentry.has-post-thumbnail {
margin-top: -72px;
}
It is overriding this rule:
media="all"
@media screen and (min-width: 673px)
.full-width .site-content .has-post-thumbnail .entry-header, .full-width.singular .site-content .hentry.has-post-thumbnail, .full-width.home .site-content .hentry.has-post-thumbnail {
margin-top: -48px;
}
A couple of thoughts.
First, I would make sure you are applying the change in a child theme, or in a Custom CSS plugin, as opposed to the Twenty Fourteen theme itself.
Second, rather than making the change to the .hentry element, I would target it more directly, as that seems to be what is happening in the CSS now – otherwise you might see some other effects down the line. But this is ultimately up to you, and if you are happy with the changes, that is what is important. 🙂