Footer is too long/high

Submitted by wmostrey(402)

24 January, 2011 - 05:35

Groups:

Past development discussions

Terms:

bugs

The footer of the new theme is too long/high in Firefox 4 beta 9 and Safari 5.0.3. See attached screenshot:

Comments

sergiu.popa1 year 16 weeks ago

No attachment

I don't see any screenshot attachted.

wmostrey1 year 16 weeks ago

That might be a bug in itself

That might be a bug in itself then, since the file was attached. I added it inline now.

WH Hammond1 year 14 weeks ago

Same for Google Chrome. Has

Same for Google Chrome.

Has anyone changed the footer size successfully?

mike.stefanello1 year 14 weeks ago

Why?

What is the perceived benefit of having such a large footer?

mike.stefanello1 year 14 weeks ago

Not sure - I didn't do the

Not sure - I didn't do the design. Most sites will use up the space with additional blocks and/or the site footer message.

wmostrey1 year 14 weeks ago

Of course, but when there is

Of course, but when there is no such content then the footer shouldn't be that long. Empty space like that is ugly and it looks buggy.

jay1 year 14 weeks ago

Yeah, one can make the case that this is "too high". But I think we're going to leave it for now. We're going to be looking at design overall (again) in the next major release, and we'll evaluate this issue in that context.

Kirsten19651 year 14 weeks ago

Giving a hint

Hello,

maybe we can get a hint where to reduce the height. Thanks.

WH Hammond1 year 14 weeks ago

Mediation?

Yes, Kirsten1965, We users would like to know how to control the size!

Yes, wmostrey, the empty space sucks!

...But, jay and mstefanello are right, design is more important;

Just let us users know how to edit it ourselves and you guys keep up the good work of developing this awesome platform we can use for FREE!

Thanks, guys!

pvswan1 year 14 weeks ago

Add a local.css

The footer height is controlled by a single css value. It can be overridden by creating a local.css file within the profiles/drupal_commons/themes/acquia_commons/css folder.

Find the local-sample.css file inside that folder and open it for editting.

Add the following lines to the end:

.footer {
min-height: 60px;
}

Save the editted file as local.css in the same folder.

Note: The current theme setting is 240px. You can set the min-height all the way down to 0px if you like. I picked 60px just because it's slightly more than the current content requires.