Removing the white space at the bottom of blog

Question

I'm new to the programming world.... I'm having trouble removing the white space at the bottom of my blog. I've tried researching everywhere and trying different things but nothing seems to work. Here's my blog, http://goneintranslation.blogspot.ca/ . If you scroll down to the bottom of the blog there's this white gap, does anyone know how to get rid of that white gap/ reduce it?

Many thanks.

Answer 1

.region-inner.main-inner {
    padding-bottom: 0px;
}

And get rid of the <footer></footer> , as there's nothing in it.

Answer 2

For this kind of think, I like to open up Chrome's DevTools and click on the little magnifying glass icon (it'll say something along the lines of clicking on an element to inspect it, when you roll over the icon).

Then, just move your mouse on top of the area. You'll notice that there is a div with the classes region-inner and footer-inner You can add a CSS rule such as: div.region-inner.footer-inner { display:none; } div.region-inner.footer-inner { display:none; } and it will be hidden. (This is assuming you don't have access to the HTML, in which case you could just delete that code)

Using this same technique, you will then see that there is a div with the classes region-inner and main-inner that has a padding-bottom property set to 65px. This is creating even more white space at the bottom. Create a CSS rule to adjust that padding-bottom to be whatever you'd like it to be.

Answer 3

When trying to find these kind of spaces, I use the developer tools of Chrome. Hovering over the source code can display the boxes covered by the stylesheet. You can collapse the divs and other tags.

This showed me the following:

.footer-inner adds a total padding of 30px (15 top, 15 bottom) .main-inner gives you padding-bottom: 65px.

Hope this helps.

Stretsh