Removing white space at bottom of posts

• 

  mce1000 · Member · Nov 26, 2018 at 2:26 pm

  • Copy link
  • Add topic to favorites

  I’m trying to remove the white space that appears between the bottom of posts and the top of the footer widget area. See eg:

  House of Lords Constitution Committee reports on Delegated Powers

  I would be grateful for any suggestions.

  Thank you!

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

• 

  torres126 · Member · Nov 26, 2018 at 5:15 pm

  • Copy link

  Hi there,

  Sure thing, are you trying to achieve an effect like this? https://prnt.sc/ln8lwm

  That should be possible using the following CSS:

  .hentry:last-of-type {
        margin-bottom: 0px !important;
  }
  
  .post-navigation {
        display: none;
  }

  Let me know if that works for you. :)

• 

  torres126 · Member · Nov 26, 2018 at 5:16 pm

  • Copy link

  Ah, oops, I forgot to update that. You shouldn’t need the “!important” there, so please just use the following CSS instead:

  .hentry:last-of-type {
        margin-bottom: 0px;
  }
  
  .post-navigation {
        display: none;
  }
  

• 

  mce1000 · Member · Nov 26, 2018 at 5:18 pm

  • Copy link

  Perfect!

  Thank you so much for your help.

• 

  torres126 · Member · Nov 26, 2018 at 5:22 pm

  • Copy link

  Happy to help. :)

• 

  drstumpf817 · Member · Nov 29, 2018 at 3:08 pm

  • Copy link

  Hello, I have a similar issue and a related issue:

  -I would like to also remove the white space at the bottom of my page.

  -I want to remove the white space from underneath the logo on my page, too. I want there to be a smaller gap between the logo (Circle E Materials) and the tag line.

  My page is https://circleematerials.wordpress.com/

  Note: (I have a business acct but haven’t switched the domain yet).

• 

  torres126 · Member · Nov 29, 2018 at 5:46 pm

  • Copy link

  Hi @drstumpf817,

  Please try the following CSS, and that should hopefully work for you:

  .site-footer, p.site-title {
  display: none;
  }
  
  .header-diagonal-bg {
  top: 50% !important;
  }

  That should give you the following effect, and also remove the footer: https://prnt.sc/lomldy

  If you’re having further trouble with CSS customisation, please create your own forum thread instead: https://en.forums.wordpress.com/forum/css-customization/#new-post

  The Business Plan also grants you access to live chat, but I hope this CSS works for you. :)