Wordpress Themes - WP Forum at BFA - Add space between body and footer

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Post-Kicker, -Byline & -Footer (http://forum.bytesforall.com/forumdisplay.php?f=17)

- - Add space between body and footer (http://forum.bytesforall.com/showthread.php?t=11226)

tnandrick

Nov 17, 2010 02:20 PM

Add space between body and footer

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

lmilesw

Nov 17, 2010 05:02 PM

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.

HTML Code:

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.

tnandrick

Nov 18, 2010 09:30 AM

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

Thanks!

T

juggledad

Nov 18, 2010 11:20 AM

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

tnandrick

Nov 18, 2010 12:14 PM

Juggledad, I don't quite understand.

Are you saying:

<div id='myfooter">&nbsp</div> then %home% is Copyright © %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 © %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

juggledad

Nov 18, 2010 01:00 PM

the first way, like this

HTML Code:

<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

HTML Code:

#myfooter {

background: blue;

color: yellow;

height: 400px;

width: 100%;}

sober

Mar 7, 2011 03:51 AM

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

Code:

<div id="myfooter"> </div>

and this is the css i added in CSS insert

Code:

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

juggledad

Mar 7, 2011 04:33 AM

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

All times are GMT -6. The time now is 07:15 PM.