adding empty space above the footer

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

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

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……

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.

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

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.

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.

https://doborough.com/

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….

Hey thanks – I’ll give it a go.

Yeah, that worked – thanks very much.

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

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

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.