Footer widget across whole page
-
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.comThanks,
MitchThe blog I need help with is: (visible only to logged in users)
-
Use ONLY one of the four widget areas in the footer and do this in your CSS.
#footer-widget-area .widget-area { width: 100%; } -
Thanks!
Regrettably this didn’t completely work. The footer seems to be shifted to the right:
http://img87.imageshack.us/img87/9125/screenshot20101222at110.pngFor 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.
-
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.
- The topic ‘Footer widget across whole page’ is closed to new replies.