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 |
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 { |
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"> </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"> </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">  %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 |
the first way, like this
HTML Code:
<div id="myfooter"> Thanks Juggledad</div> HTML Code:
#myfooter { |
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> Code:
#myfooter { |
see the response in the other thread and please, just post in one thread.
|
All times are GMT -6. The time now is 11:48 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.