Share buttons only at bottom/too much space around footer image

  • Author
    Posts
  • #149353

    The site in question is https://millsquarterlyhome.wpcomstaging.com/.

    Two questions: First, we’ve enabled sharing buttons on blog posts, but they’re showing up both at the top of a post just after the header and at the bottom. Is there any way to just enable those buttons at the end of the post?

    Second, we added a logo to the footer area, but it’s displaying with quite a bit of padding above and below it. We added some CSS that eliminated most of it underneath, but not above. Any ideas?

    Thanks for any help!

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

    #149360
    slobodanboba
    Theme Author

    Hi,

    You can add the following CSS code to hide it from the top:

    .blog-post-single-excerpt .sharedaddy {
        display: none;
    }

    As for the logo, remove the 20px height limit you’ve set for #footer-widgets and add the following:

    #footer-widgets {
        padding: 0;
    }
    #footer-top {
        padding-bottom: 0;
    }
    #149857
    millsquarterly
    Member
    Original poster

    Thank you for the assistance! A few more questions (though I can start a new thread if need be):

    -On our post pages, there seems to be extra space immediately above the posting date. Is there any way to tighten that up?

    -Also on post pages, photo captions that are styled to be center-justified and at a smaller size than the body text are appearing left-justified and the same size as the body text. It doesn’t seem to be a problem specific to the font. Any ideas?

    -On our home page, we were wondering two things: 1.) Can we add a header between the top carousel and the four featured stories underneath it? and 2.) Can we remove the header that says “Home” (while keeping page headers on other pages)?

    Your assistance is so appreciated!

    #149860
    slobodanboba
    Theme Author

    Hi,

    You’re welcome.

    There’s a meta information section in there with some padding and a border at the top, if you want to make it look simpler you can go with:

    .blog-post-single-meta {
        padding: 0;
        border: 0;
        margin-bottom: 15px;   
    }

    As for the captions, try this:

    .wp-block-image {
    	margin: 40px 0;
    	padding: 0;
        max-width: 100%;
        text-align: center;
    }

    For the “Home” title on homepage:

    body.home .page-title { display: none; }

    As for the header, move that header/nav at the top to be below the slider/carousel or add custom HTML in between slider/carousel and the 4 featured posts?

  • The topic ‘Share buttons only at bottom/too much space around footer image’ is closed to new replies.