[Resolved] Decreasing the vertical space between posts in column on mobile

[Pete]

I’m having difficulty reducing the space between each post. See link.

Thanks.

[Pete]

This seems to work, but not sure if it’s the best way to go?

.home.blog .generate-columns.tablet-grid-50.mobile-grid-100.grid-parent.grid-33 .inside-article {max-height:90px;}

[David]

Hi there,

setting a max-height may cause issues if the content needs to expand above that. Instead lets remove/reduce some of the margins and padding in the article:

.generate-columns-activated.one-container  .inside-article{
    padding-bottom: 5px;
}
.generate-columns-activated .entry-summary {
    margin-top: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Pete]

Great that’s a much better fix. Thanks.

[David]

Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts