Need help? Check out our Support site, then


Remove entire footer, widen post area, w CSS

  1. Hi,

    I need to completely eliminate the footer on blog posts in order to free up that space for the post content. I've been able to remove the stuff WITHIN the footer with to following CSS:

    .entry-footer .posted-on {
    display: none !important;
    }

    However, the empty block still remains. I need the post content area to be wider.

    Any thoughts?

    Here's the blog page: https://miltonaccesstv.org/blog/

    Thanks!

    -Tom

    The blog I need help with is miltonaccesstv.org.

  2. Found the answer... If anyone else is looking for it, here's the code to move the footer to the bottom of the post, and get ride of the entire left-most column:

    @media screen and (min-width: 61.5625em) {
    body:not(.search-results) article:not(.type-page) .entry-footer
    {
    float: none;
    margin-top: 1.5em;
    width: 100%;
    }
    .single .byline, .full-size-link,
    body.group-blog:not(.search-results) .byline,
    body:not(.search-results) .entry-format,
    body:not(.search-results) .cat-links,
    body:not(.search-results) .tags-links,
    body:not(.search-results) article:not(.sticky) .posted-on,
    body:not(.search-results) article:not(.type-page) .comments-link,
    body:not(.search-results) article:not(.type-page) .entry-footer .edit-link
    {
    display: inline;
    }
    body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after
    {
    display: inline;
    }
    body:not(.search-results) article:not(.type-page) .entry-content
    {
    float: none;
    width: 100%;
    }
    body:not(.search-results) article:not(.type-page) .entry-footer .avatar
    {
    display: inline;
    margin: auto 0.3em 1em auto;
    width: 27px;
    }

  3. theme is Twenty Sixteen, FYI

You must log in to post.

About this Topic