I am running Atahualpa 3.4.9

site: http://www.thetimblog.com/?p=18

I would like to add a space, similar to the one between the header and the body, and put it between the body and the footer, but I am unsure how to do it.

The space between the header and the body was simple enough. I added a CSS insert for the header with 15px bottom padding. The footer has been a different story.

I've read on previous forums of people who had extra space because of an offending empty <p> </p> pair wrapping the footer, so I wrapped the footer in an empty paragraph tag. Didn't work.

Also tried adjusting padding bottom values on "post area" and sidebars, but the background just continues until it meets the footer.

Any help would be appreciated. Thanks in advance

T

I just fiddled around a bit and you might try something like the following.
Go to ATO>Style & edit Footer and cut all the formatting out of the Footer Style box.

Now Go to ATO>Add HTML/CSS Inserts>CSS Inserts and past in into that box with a selector of td#footer p and add a top margin. It would look something like the following.

td#footer p {
background-color: #f7f7f7;
border-top: solid 4px #eee;
padding: 10px;
text-align: center;
color: #888;
font-size: 11px;
margin-top: 15px;
}

No guarantees but maybe.

Awesome! I knew asking an expert was worth it. Always get tripped up on margin/padding/collapsing issues.

Thanks!

T

Another way is to add a <div id='myfooter">&nbsp</div> in teh footer options and then add CSS to set the height

Juggledad, I don't quite understand.

Are you saying:

<div id='myfooter">&nbsp</div> then %home% is Copyright &copy; %current-year% by author - All Rights Reserved

or are you asking to wrap the <div> around the footer content, like:

<div id='myfooter">&nbsp %home% is Copyright &copy; %current-year% by Author - All Rights Reserved</div>

I would assume the first way, since you added a blank space between the div tags, but...

Thanks

the first way, like this

<div id="myfooter"> Thanks Juggledad</div>
Copyright &copy; %current-year% %home% - All Rights Reserved

as you can see, you can add anything you want in there, then just add css to style it

#myfooter {
background: blue;
color: yellow;
height: 400px;
width: 100%;}

I am sorry but, I have tried the code in the post above and it doesn't work for me. This is the code I am using. I have put the following in the footer content area

<div id="myfooter">&nbsp;</div>

and this is the css i added in CSS insert

#myfooter {
background: #fff;
color: #fff;
margin-bottom: 15px;
width: 100%;}

. I am using 3.5.3 on latest wordpress. and my site is at http://learnsignlanguageonline.org/ . I do not have any issue on single post pages because I was able to add margin to the next/previous links box but on HOME and CATEGORY pages, I cannot add a margin between the last post and footer. I started a thread at http://forum.bytesforall.com/showthread.php?t=13173 and got a reply linking to this post. I'll really appreciate a solution.

see the response in the other thread and please, just post in one thread.