Extra Space between Posts

• 

  puffinld · Member · Apr 10, 2013 at 12:32 pm

  • Copy link
  • Add topic to favorites

  Using Fresh and Clean with Custom Design. (The blog is currently private)

  My blogs page is using [display-posts] shortcode and I understand that css changes are needed to achieve better spacing between the posts.

  Any advice would be welcomed!

  The blog I need help with is: (visible only to logged in users)

• 

  puffinld · Member · Apr 10, 2013 at 7:59 pm

  • Copy link

  .display-posts-listing img {
  	float: left;
  	margin: 0 10px 50px 0;
  }
  
  .display-posts-listing .listing-item {
      padding-bottom:50px;
  }
  
  .display-posts-listing .title {
      font-size: 125%;
  }

  This looks good!

• 

  puffinld · Member · Apr 11, 2013 at 11:13 am

  • Copy link

  Finally, I tidied this up so that it looked you on a screen AND a mobile!

  .display-posts-listing .listing-item {
  	clear: both;
  	padding-bottom: 50px;
  }
  
  .display-posts-listing img {
  	float: left;
  	margin: 0 10px 10px 0;
  }
  
  .display-posts-listing .title {
  	font-size: 125%;