Remove entire footer, widen post area, w CSS

• 

  miltonaccesstv · Member · Feb 13, 2018 at 10:30 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  miltonaccesstv · Member · Feb 13, 2018 at 10:35 pm

  • Copy link

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

• 

  miltonaccesstv · Member · Feb 13, 2018 at 10:36 pm

  • Copy link

  theme is Twenty Sixteen, FYI