I have a full width footer already, but I would like to put a custom widget above the actual footer because the content should only show up on the home page.

My problem is that I would like the widget to have a full width solid color background and i'm not sure how to do a full width background on a widget. Any ideas would be much appreciated!

Thanks!

ps: if it's possible to do a full width div on the bottom of the home page instead of doing a footer widget, I am open to that as well.

Currently there is no way to get the full width footer and have widgets in it without modifying the code.

However, would you be willing to partially fund a new option to allow the footer to be full width and allow widgets to be used in it?

Donation made to you Juggledad!

Would it be possible to not do it as a widget, but instead code a div to sit on top of the center column allowing it to have a full width?

Would it be possible to not do it as a widget, but instead code a div to sit on top of the center column allowing it to have a full width?

The page is layed out in a table with three rows:

header
center
footer

and the center row has 1-5 columns:

left sidebar, left inner, center, right inner, right sidebar

The problem is that you can't extend a table row wider than the table width itself

You can put a widget area at the top or bottom of the center area (new option in 3.7.12) but it does not span the sidebars, just the center area.

I have gotten the footer to go full-width using the

</td></tr></table></div></div>

hack, but now i have a different problem.

The widget on the left called "subfooter_1" won't move. It should slide to the left with the other things on the page when the browser window is resized, but it just stays there like there is a left margin being applied (which there is not).

The site is currently in development, so I will have to give you the login info for you to look at it.

I will pm it to you shortly. Thanks!

EDIT: I have removed the hack and am using the included full-width footer, but I am still getting the problem.

CSS Inserts: why do you have padding?
subfooter {
background-color: #D5DAC6;
font-family: Gentium Basic,serif !important;
padding: 20px 0 20px 160px;
}
the 160px is the left side….