Reduce Space Between Blog Posts

• 

  xfivefeetsmallx · Member · Jul 28, 2016 at 2:15 pm

  • Copy link
  • Add topic to favorites

  Hi there –
  Newbie to CSS. Can someone assist in showing me the code to reduce the space between my blog posts? Right now it is too much.

  Also looking for assistance in creating a custom ‘READ MORE’ button. Thank you!

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

• 

  gemmacevans · Member · Jul 28, 2016 at 3:27 pm

  • Copy link

  Hi,

  In order to edit the CSS you need to upgrade to WordPress.com Premium if you haven’t already.

  You can find information about how to add custom CSS here: https://en.support.wordpress.com/custom-design/editing-css/

  This is the CSS you need to edit in order to change the space between your posts:

  .hentry {
      border-bottom: 4px solid #eee;
      margin-bottom: 1.5em;
      padding-bottom: 1.5em;
      position: relative;
  }

  I have changed both the margin-bottom and padding-bottom values to 1.5em (was 3.4em) but you can see what works best.

  Hope that helps.

• 

  xfivefeetsmallx · Member · Jul 28, 2016 at 3:38 pm

  • Copy link

  I do have premium and I added your code and it worked BEAUTIFULLY! Thank you so much!!

  Do you happen to know how I can create a ‘Read More’ Button instead of having a ‘Continue Reading’ link?

• 

  thesacredpath · Member · Jul 28, 2016 at 7:59 pm

  • Copy link

  Hi there, I see you have gotten “Read More” now instead of Continue Reading by using the procedure discussed here.

• 

  gemmacevans · Member · Aug 4, 2016 at 10:01 pm

  • Copy link

  @xfivefeetsmallx Excellent. My pleasure!