title: How to remove the white space under my footer in Wordpress?
body: <p>I have basic coding experience. In my Wordpress install, some of my pages have a blank white space under the footer that I would like to remove. I have tried several solutions but to no avail. The problem is persistent on chrome, Firefox, IE etc.</p>
  
  <p>I'm not really sure of the cause, but the size of the white space changes depending on computer/browser/resolution. </p>
  
  <p>As I am working in Wordpress I have access to custom CSS and source theme files, however, I would prefer to solve this problem with custom CSS. </p>
  
  <p>I would like a footer that sticks to the bottom of the browser window with no whitespace below it. </p>
  
  <p><strong>Q. Please provide me with code/solution that will remove the white spaces below the footer on my website (preferably custom CSS method).</strong></p>
  
  <p>You can find an example of the white space on my <a href="http://goo.gl/7JS1Di" rel="nofollow">website here</a>. (try viewing on a browser resolution higher than 1280x800)</p>
  
  <p>Solutions i've tried: </p>
  
  <ol>
  <li><p><code>#footer {overflow: hidden;}</code> didn't work</p></li>
  <li><p>Putting  <code>html, body, parentDiv, childDiv, section, footer { height : 100%; }</code> in my css but that didn't work</p></li>
  <li><p><code>#copyright { padding-bottom: 20px;}</code> "#copyright" is under the footer so this did reduce the whitespace to a point where it seemed it weren't present, but on taller browser windows the white space reappeared.</p></li>
  </ol>