Swift page builder recent posts element – Images not lining up sometimes

[DenMurphy]

Hi,

I have been having an issue where my recents posts don’t line up neatly. Please see the home page of link sent.

I searched and found this issue previously: http://www.swiftideas.com/forums/topic/swift-page-builder-recent-posts-element-images-not-lining-up-and-remove-date/

I tried the solutions provided, and this seemed to work ok until I created a few more Posts. Then my images went out of whack again.

This is the current custom CSS I have installed as per the above issue from your forum:

@media only screen and (min-width: 769px) {
.recent-post figure {
max-height: 197px;
overflow: hidden;
}

[David Martin – Support]

Hi,

That CSS is wrong for you. That is for the post image + for small screens.

Your item heights are variable depending on the content + image size. You can test out this to set a minimum height.

li.recent-post.col-sm-3 {
  min-height: 480px;
}

[DenMurphy]

Thank you David, that solution has worked for me.

[David Martin – Support]

Great, no problem.

– David.