ThemeShaper Forums » Thematic


Empty Space in Page Template Between Divs

(3 posts)
  • Started 11 years ago by briang
  • Latest reply from briang
  • This topic is resolved
  1. briang

    Hello, I am trying to figure out how to reduce the white space below the last line of text on my pages and above the bottom DIV line on my site is

    I found a couple of posts which reference this, but the none with a solution posted in the thread. I found a reference to reducing the main padding in default.css, which I have done with no effect. I have reduced the default 66 to 22 and there is no change.

    #main {
    padding:22px 0 22px 0;

    I have tried changing any padding value I can find that seems relevant and not having any luck.

    Any help is appreciated!

    Posted 11 years ago #
  2. Basically there are few areas adding that padding/margin you are seeing. If you don't already know, you should use Firefox and download the addon Firebug from Mozilla, then watch the video tutorial on the site (which is good for learning). Firebug will allow you to hover over elements and show where the padding or margin is. Makes it very easy to find things.

    Try messing with some of these values.

    .hentry { padding: 0 0 10px; }
    #comments { padding: 22px 0 0; }
    #footer { margin-top: 22px; }

    There is actually a margin bottom on the p (paragraph) also, but I wouldn't mess with that because once you add another paragraph, you will want that. ;)

    Posted 11 years ago #
  3. briang

    Thanks, I used a combination of Firebug and Chrome's "inspect element" feature and a little trial and error. I couldn't do too much more with the bottom because of the paragraph space, as you mentioned, but was able to balance the top space to make it look much nicer. I've marked the issue resolved.

    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.