Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Masonry: space between posts and load more

Home Forums Support Masonry: space between posts and load more

Viewing 3 posts - 16 through 18 (of 18 total)
  • Author
    Posts
  • #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! 🙂

    #86556
    Carlos Paramio

    Once again, it works, thanks
    Separating Space wasn’t a solution as it includes space between widgets in sidebar, which we wanted to be closer.
    Also, this CSS avoids that extra space to appear in mobile devices, a goal we were chasing.

    Cheers

    #86581
    Tom
    Lead Developer
    Lead Developer
Viewing 3 posts - 16 through 18 (of 18 total)
  • You must be logged in to reply to this topic.