Footer widget across whole page

• 

  veraxpoint · Member · Dec 22, 2010 at 3:46 am

  • Copy link
  • Add topic to favorites

  Using the Twenty Ten Theme, I’m hoping to have a text widget that fills the entire width of the footer area. Currently it only occupies about a fourth of it.

  Is there a way to do this? The other footer widget areas may be compromised as I don’t plan on using them.

  Current code: http://tinyurl.com/vbpcss
  Site: http://veraxpointblog.com

  Thanks,
  Mitch

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

• 

  thesacredpath · Member · Dec 22, 2010 at 5:57 am

  • Copy link

  Use ONLY one of the four widget areas in the footer and do this in your CSS.

  #footer-widget-area .widget-area {
  width: 100%;
  }

• 

  veraxpoint · Member · Dec 22, 2010 at 7:08 pm

  • Copy link

  Thanks!

  Regrettably this didn’t completely work. The footer seems to be shifted to the right:
  http://img87.imageshack.us/img87/9125/screenshot20101222at110.png

  For the time being I’ve set a negative margin for the #footer-widget-area .widget area, but if anyone knows the proper way to get it centered I’d appreciate it.

• 

  thesacredpath · Member · Dec 22, 2010 at 7:22 pm

  • Copy link

  Interestingly enough, I have to disable your -30px margin-left to get it to center in Firefox and Safari on my Mac. With no left-margin, it is centered correctly.

  One thing that might be throwing the look off is that the “blog at wordpress.com” text in the footer area is too far to the left. If you go to #site-generator and set the width value to about 155px, things look more centered and balanced.

  In Firebug when I disable your negative margin-left and use the “inspect” function, the widget area is aligned properly, in the parent div just as it should be.