Removing white space at bottom of posts

  • Author
    Posts
  • #3218748

    mce1000
    Member

    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:

    https://publiclawforeveryone.com/2018/11/19/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 publiclawforeveryone.com.

    #3218847

    torres126
    Member

    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. :)

    #3218849

    torres126
    Member

    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;
    }
    
    #3218854

    mce1000
    Member

    Perfect!

    Thank you so much for your help.

    #3218857

    torres126
    Member

    Happy to help. :)

    #3220645

    drstumpf817
    Member

    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).

    #3220777

    torres126
    Member

    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. :)

You must be logged in to reply to this topic.