Miscellaneous Hacks - Limit signature height via CSS

This tiny hack will strictly limit signature height. It will take ALL things what the user have in the signature (no matter what is it ... text, image, video, code ... ) and it will crop it based on choosed value.

Original hack was made by Mazinger, but it was a bit outdated and it didn't work for IE7, so there is a newone for vB 4.x


Installation:
Styles & Templates -> Style Manager -> Edit Templates -> edit additional.css

add following code:

.signaturecontainer {
max-height:200px;
_height: expression(this.scrollHeight > 200? "200px" : "auto" );
overflow:hidden;
}

Change the red number to anything you want :]

[Dave]

Originally Posted by Dstephan

This works well - but it adds a scroll bar to see the rest of the sig - I'd rather the sig just cut off so it looks bad and they want to change it. Is there a way to eliminate the scroll?

You change the overflow values to hidden.

[RaiinbowEyes]

Works on v 4.2.2 Thank you so much, trying to let our users have freedom with signatures has lead to a nightmare of trying to also keep the size of signatures in check, this is perfect!

Only issue so far is it doesn't seem to work on Firefox. Works on Chrome and Safari, though. I'm using Firefox ESR so that may have something to do with it. I'm trying to find friends who have the regular Firefox to test it and see if it works for them.