Forums

[resolved] adding empty space above the footer (13 posts)

  1. dobro
    Member
    Posted 2 weeks ago #

    What's the code for putting some empty space between the last information line of my page and the footer? And where does the code go, exactly? I'm working with custom templates.

    I think I found CSS code for what I want (padding-top: ___px), but the template's all php, it seems, and I know nothing.

  2. RVoodoo
    Member
    Posted 2 weeks ago #

    you found the correct css code, it goes into your style.css file

  3. dobro
    Member
    Posted 2 weeks ago #

    And the code I put in the style.css file will automatically be applied to the custom templates I'm working with?

  4. RVoodoo
    Member
    Posted 2 weeks ago #

    so you only want this change to apply to certain pages? or the whole site? Just adding it into the css will affect the footer in general. For custom templates where you only want the space to apply to a certain page or something its a bit different.

    I don't do a lot with templates, but if I only wanted space on a certain page, I would add a div to that specific template, then add the styling to my css......

  5. dobro
    Member
    Posted 2 weeks ago #

    Okay, here's what I tried in the style.css file - I added the 'padding' line.

    #footer hr {
    padding-top: 10px;
    height: 1px;

    No joy yet, though.

  6. RVoodoo
    Member
    Posted 2 weeks ago #

    to be able to help you more, we'd need a link here....

  7. dobro
    Member
    Posted 2 weeks ago #

    RVoodoo: Yes, I'm working just with custom templates at this point. Links on the homepage go to pages I've put together with custom templates, and I want to push the footer further down the page.

  8. dobro
    Member
    Posted 2 weeks ago #

    Okay. Click on Blossom at the top of the page, and you'll see what I mean. The bottom of the page is too cramped.

    http://doborough.com/

  9. RVoodoo
    Member
    Posted 2 weeks ago #

    well, I dunno if this is the best way, but when I wanted to just add some space like that, I dropped in a div nearly as wide as the column, and 10 or 20 px tall.

    so <div id="spacer"></div> in the template outside of any loop, right before the call to the footer

    then in the css
    #spacer {
    height: 10px;
    width: 480px;
    }

    I'm kind of rushing here, quittin time, but that's the general idea....

  10. dobro
    Member
    Posted 2 weeks ago #

    Hey thanks - I'll give it a go.

  11. dobro
    Member
    Posted 2 weeks ago #

    Yeah, that worked - thanks very much.

    I put the css code immediately above the footer code. Is that right?

  12. RVoodoo
    Member
    Posted 2 weeks ago #

    the <div id> stuff is in your template, that works,

    The css stuff is for styling (it goes in your style.css file, anywhere you want...I'd keep it close to the footer stuff for organization)

    Just a note, that width and height thing in the css is what worked in my theme, it'll depend on your theme.

    you may not even need the css portion as a simple <div></div> may work for you....the css gives a bit more control

  13. dobro
    Member
    Posted 2 weeks ago #

    The width you exampled seems to work for me, and I increased the height to get things how I wanted them.

    Thanks again. I'm ever so slightly learning my way around the program.

Reply

You must log in to post.

About this Topic

Tags

No tags yet.