Home › Forums › Support › Masonry: space between posts and load more › Reply To: Masonry: space between posts and load more
March 13, 2015 at 9:11 am
#86346
Tom
Lead Developer
Lead Developer
/* increase space between elements in desktop view only */
@media screen and (min-width: 769px) {
/* horizontal space between masonry view and right sidebar */
.masonry-post .inside-article,
.separate-containers .page-header {
margin-right: 40px;
}
/* horizontal space between normal pages and right sidebar */
.page.right-sidebar.separate-containers .site-main,
.single.right-sidebar.separate-containers .site-main {
margin: 20px 40px 20px 0;
}
/* vertical space between masonry excerpts */
.separate-containers .masonry-post {
margin-bottom: 40px;
}
}
That should do it.
I still don’t fully understand why using the separating space in Element Spacing couldn’t work for you, but for others looking at this – the above code is basically written for you when you use the separating space option.
Thanks! 🙂