Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Post-Kicker, -Byline & -Footer »

Add space between body and footer


  #1  
Old Nov 17, 2010, 03:20 PM
tnandrick
 
43 posts · Nov 2010
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

Last edited by tnandrick; Nov 17, 2010 at 03:21 PM. Reason: error in description
  #2  
Old Nov 17, 2010, 06:02 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Nov 18, 2010, 10:30 AM
tnandrick
 
43 posts · Nov 2010
Awesome! I knew asking an expert was worth it. Always get tripped up on margin/padding/collapsing issues.

Thanks!

T
  #4  
Old Nov 18, 2010, 12:20 PM
juggledad's Avatar
juggledad
 
23,569 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Another way is to add a <div id='myfooter">&nbsp</div> in teh footer options and then add CSS to set the height
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Nov 18, 2010, 01:14 PM
tnandrick
 
43 posts · Nov 2010
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
  #6  
Old Nov 18, 2010, 02:00 PM
juggledad's Avatar
juggledad
 
23,569 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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%;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Mar 7, 2011, 04:51 AM
sober's Avatar
sober
 
121 posts · Oct 2010
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">&nbsp;</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.

Last edited by sober; Mar 7, 2011 at 04:54 AM.
  #8  
Old Mar 7, 2011, 05:33 AM
juggledad's Avatar
juggledad
 
23,569 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
see the response in the other thread and please, just post in one thread.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
add space, body, footer

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] White space (padding?) between footer and body mathmojo Center area post/pages 2 Sep 21, 2010 03:56 AM
horizontal space between header, body and footer mwallace Header configuration & styling 3 Aug 14, 2010 06:11 AM
[SOLVED] Space between body and footer Ron Post-Kicker, -Byline & -Footer 4 Dec 4, 2009 06:38 AM
[SOLVED] space between Body and Footer papalagi Post-Kicker, -Byline & -Footer 2 Nov 4, 2009 12:29 AM
[SOLVED] How to add space between list items in post body? Alexi Atahualpa 3 Wordpress theme 2 Jun 25, 2009 07:02 PM


All times are GMT -6. The time now is 09:39 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.