Background color positioning

• 

  lisarhode · Member · Oct 17, 2013 at 8:45 pm

  • Copy link
  • Add topic to favorites

  Is it possible to position background color? I would like the page background color to extend to the line above the footer.

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

• 

  thesacredpath · Member · Oct 17, 2013 at 11:20 pm

  • Copy link

  The length of the page is set by either the content, or the sidebar. In this instance, the content of the sidebar is longer than that of the content, so there is the gap below the content. The following CSS will fix this, but if you add sidebar content, or you add content to the main page, or you get a bunch of likes, it will be misaligned again.

  First, remove the following from your CSS

  .page {
      background: none repeat scroll 0 0 #DCE3E6;
  }

  and then add this

  body.page .hentry {
      margin-bottom: 0;
  }
  
  .page .site-content {
      background: none repeat scroll 0 0 #DCE3E6;
      min-height: 499px;
  }

  This should fix all of your static pages where the content is shorter than the sidebar. Also, make sure and narrow and widen your browser window as the above solution does not hold for all browser window widths.

• 

  lisarhode · Member · Oct 21, 2013 at 5:33 pm

  • Copy link

  Worked great, changed the min-height for design, thanks!

• 

  thesacredpath · Member · Oct 21, 2013 at 5:34 pm

  • Copy link

  You are welcome.