Remove entire footer, widen post area, w CSS

  • Author
    Posts
  • #3074692

    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.

    #3074854

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

    #3074855

    theme is Twenty Sixteen, FYI

The topic ‘Remove entire footer, widen post area, w CSS’ is closed to new replies.