Footer problems with Blogger

Question

I am having some problems with the footer on my blog. Take a look at it here. Right above the footer, there is a blank, black space with nothing in it. Above it is the feed url, but it isn't on the black background, it's on the background image of my blog. I code HTML and CSS, so I can apply custom rules, but the system is so complex that I don't know what to change. Any suggestions?

Answer 1

You've added a HTML/Javascript widget at the bottom of your template design. This widget is identified by id="HTML6". It only displays a linkwithin.com javascript code that generates a 1px image. By default widgets in your CSS have padding: 0 15px 15px and line-height: 1.4em. These rules are the ones that generate the undesired space.

Add the following CSS code to your template to hide it:

#HTML6 {
    padding: 0;
    line-height:0;
    display:inline;
}