Affordable, effective marketing solutions for your business.
402.570.6482 | contact us

Wittmania Blog

jQuery Sticky Footer – Simple and Easy Solution

I needed a quick and easy solution that would use jQuery (already in use on the site) and expand the main content wrapper to fill the viewport, but only on pages where it wasn’t tall enough already.  A quick Google search returned a bunch of solutions from 2005-2007, or that included poorly formed code (and lots of it).  So, I just wrote my own instead.

It’s pretty simple and easy, and I’ve commented the only lines you should need to worry about configuring.  In my case, I wanted to expand the #sidebar element in order to push the footer down.  You can set the target variable to whichever element you want to expand by using the standard jQuery selector syntax.  The wrapper variable should be the element that contains all of your content, i.e. the element that should be compared to the viewport to see if it needs to be expanded or not.  Finally, the adjustment variable allows you to customize the height of the adjustment.  In my case, I needed to knock off 10px due to padding applied to elements being manipulated.  I thought about using jQuery’s .outerHeight() function, but this just seemed a lot easier.  This variable can be a positive or negative number, based on your needs.

As always, your mileage may vary.  It worked fine for me in the situation I tested it in.  Let me know if you have any questions about implementing this code, or leave a comment below to link to where you’re using this code so we can all see it in action.

Here’s the code:

jQuery(document).ready(function($) {

    var target = $('#sidebar'); //What element should the additional height be added to?
    var wrapper = $('#wrapper'); //What element should be compared to the viewport height?
    var adjustment = 0; //Do you need to adjust the height due to padding, etc.?

//You shouldn't need to configure anything else down here.
    var viewportHeight = $(window).height();
    var wrapperHeight = wrapper.height();

    if(viewportHeight > wrapperHeight) {
        var addHeight =     (viewportHeight-wrapperHeight);
        var targetHeight = target.height();
        var newHeight = addHeight + targetHeight;


How to Lose a Customer Forever

I signed up for a credit report monitoring service seven or eight years ago.  You know, the one with the catchy commercials.  I’ve been paying $15 a month for a service that I really never use.  I would have cancelled a long time ago but they don’t offer an option through their website.  Instead, you have to call and talk to a real live person if you want to cancel your account.  It’s an awkward process that feels more like breaking up than cancelling a subscription.  To make matters worse, the lady on the other end of the line gave me the “so sorry to see you go” line, and then offered to give me a discount of 50% off the cost for the next 24 months.

I went from being a little frustrated with having paid, month after month, for a service I never used to being really, really frustrated that I could have been paying 50% less every month for a service I never used.  If they valued my business as much as that lady said they did, why was I paying double what I could have been if I had tried to cancel sooner?

If you’re looking for a really great way to make sure your customers leave your business with a sour taste in their mouths, be sure to offer them a discount–but only after they’ve already decided to take their business elsewhere.  That’ll really leave a good impression.

The Real Cost of Black and White Printing

O'Hare Neon Tunnel
The use of color in O’Hare
International Airport

While I wouldn’t always put it this way, one of the most important parts of my job is helping clients avoid doing something stupid. Or, put another way, I spend a lot of time and energy helping clients get to the point where they’re able to get past their hang ups and make the right decision for their company in their marketing investments.

In terms of printed marketing materials, one of the ways I’ve done this is by setting all of my printing prices based on full-color printing for everything from business cards to 8.5 x 11″ flyers. Most printers and designers will have one set of prices for black and white printing (technically just black since the paper is white) and then they charge more for each additional color, with full color (CMYK) being the most expensive. They do this because it reflects their cost of production, which is very convenient for the printer–though not as much so for the client.

Study after study, decade after decade, has shown that the use of color improves attention, reaction, retention, and emotional response. A few quick facts:

  • The use of color in a document increases “the audience’s willingness to read it by as much as 80% and their motivation to finish it by 78%.” (source)
  • “Color enhances learning and improves retention by up to 75 percent.” (source)
  • Colors can significantly impact our moods and emotions, which in turn drive buying decisions. (source)

A full-color printed marketing piece is far more likely to be noticed, read, understood, and emotionally influential. In other words, it’s more likely to do the things you want it to do when a potential client or customer sees it. Offering cut rate prices on black and white printing gives the appearance of savings to the client when compared to full color, but in reality it almost always costs them more because of missed sales and opportunities.

So, I’ve done my clients a favor. I have one set of prices. I have taken away the financial incentive to print ineffective marketing materials. And they almost always thank me for it.


We have a lot of positive feedback on our website and have even received jobs just because clients liked the "look" of it. Thanks again for your help with the website! I think refreshing that was one of the best things we have done for our business in a long time!

Megan Dryer
CS Kitchen and Bath