Comments on: Thesis footers 101

By: Thesis Theme Design

Thesis Theme Design — Thu, 11 Mar 2010 11:00:07 +0000

It’s a great and useful tips that i was looking for. I can’t but wait to apply it on my client’s website to make them happy.

I would like to give you a HI5 for this tips kristarella.

By: kristarella

kristarella — Wed, 10 Mar 2010 22:33:32 +0000

Jack --- You can by adding a new div to the hook thesis_hook_after_html, but you will need extra CSS because the CSS that supports the full-width content being centered won't already be there. It's easier to make the full-width layout look like the page layout.

By: Johan Ronnestam

Johan Ronnestam — Wed, 10 Mar 2010 07:48:42 +0000

Thank you so much for sharing this. Exactly what I was looking for.

If you want and have time send me a DM on Twitter @ronnestam and I’ll send you a printed copy of my book: http://www.ronnestam.com/a-boo.....ronnestam/

Rock on!

By: jack

jack — Wed, 10 Mar 2010 00:17:14 +0000

Hey there…it’s me again.

Hey, I was wondering if you can style your footer using the page framework instead of the full-width framework?

By: kristarella

kristarella — Tue, 23 Feb 2010 22:50:07 +0000

Tiffany --- Do you have a live example I can see to try to find the problem?

By: Tiffany

Tiffany — Tue, 23 Feb 2010 16:48:12 +0000

I actually did have that CSS included, but it’s still occurring.

By: kristarella

kristarella — Tue, 23 Feb 2010 06:28:23 +0000

Jack — Oh! Didn’t quite know where you meant the footer was jumping to. That’s actually normal behaviour: the content of a web page is only as big as it needs to be, so if the page content is shorter than your browser height then the footer will not be below the content, but not necessarily the bottom of the browser.

If you plan to have more content on the page then it’s not such a big deal. If you think you will have some shorter pages then you’ll need to try a sticky footer. These two methods are good:
http://ryanfait.com/sticky-footer/
http://www.cssstickyfooter.com/
They will likely need you to add another div around the content, it can be done via hooks.

By: jack

jack — Tue, 23 Feb 2010 05:56:01 +0000

Okay…i’m back…it’s doing it again. If you check out the website, the footer only is at the bottom of the content, not held on the bottom of the entire page.

I’d appreciate any input!

Thanks!!

By: kristarella

kristarella — Tue, 23 Feb 2010 05:52:14 +0000

Tiffany --- It sounds like you're not using the CSS at the bottom of the post, which includes float:left; and is essential for horizontal alignment.

By: Tiffany

Tiffany — Tue, 23 Feb 2010 04:41:24 +0000

Hello,

I’m trying to add this customized footer with content but every single different coding I’ve tried, the widgets just stack on top of one another. I have no idea how to get them into columns. Even coding that I’ve used with separate footer sections to move content into still stacks the widgets. Any suggestions?

Thanks!