Wu Wei widths

• 

  jaxpainter · Member · Apr 10, 2013 at 3:26 am

  • Copy link
  • Add topic to favorites

  Hello,

  I’m fairly new to CSS and am trying to customize my Wu Wei template. I would like the footer to extend across the bottom of the page but have had no luck with:

  .footer {width: 100%;}

  Nor have I had any luck entering the width in px. Any thoughts on what I can do here? I am having the same problem with the border at the top of my page but am more concerned about the footer.

  The site that I need help with is http://thesupernaturallife.com

  Thanks!

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

• 

  justpi · Member · Apr 10, 2013 at 10:27 am

  • Copy link

  If you want a 100% border below the header image, you need to add it to the header:

  #header {
      border-bottom: 1px solid #000000;
  }

  The existing border is a top border to the post. You shouldn’t remove it, because it acts as a divider between posts. Perhaps turn it to the light grey of the categories divider:

  .center-column .hentry, .center-column .page {
      border-top: 1px solid #D1D9DC;
  }

  The footer is 100% wide. It doesn’t seem so because it’s inside another section that isn’t 100%. So, to strech the footer:

  .center-column-sidebar {
      width: 100%;
  }

  By the way, WP doesn’t allow hiding the footer credits: you should change their color to make them visible again.