Footer sidebar width

• 

  jakemon8 · Member · May 17, 2016 at 2:37 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I’d like to reduce the width of my footer sidebar so that it is only the width of the main content on each page, and does not go under the main sidebar as well. Any help with CSS or whatever solution is out there would be much appreciated.
  Thanks,
  Jake

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

• 

  thesacredpath · Member · May 17, 2016 at 6:59 pm

  • Copy link

  Hi Jake, due to the way the CSS and HTML are structured, this may not turn out like you had wanted. You will notice that the grey extends down just to the top of the footer widget area. We can add the grey to the .site div, but then it extends up into the header area as well.

  This will do the footer widget area width change.

  .footer-widget-area {
      max-width: 705px;
      width: 100%;
  }

  After looking at the above, you can also try this which takes the background color of the .site div to the same grey as the content area and fills in the gap on the right of the footer widget area.

  .site {
      background-color: #e9e9e9;
  }