Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] Space between Footer Border top and widget border bottom??


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Aug 6, 2009, 03:00 AM
norwichkaren
 
56 posts · Jul 2009
Does anyone know how to do this...

Basically I want a space/gap of around 10px between where the widgets border bottom is and the start of the footer border...

I have tried changing the padding around in the footer section but all this does is move the text and not the actual border top down...

Any ideas??

Thanks
  #2  
Old Aug 6, 2009, 05:10 AM
juggledad's Avatar
juggledad
 
22,094 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try adding the padding of the widget.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #3  
Old Aug 6, 2009, 07:51 AM
norwichkaren
 
56 posts · Jul 2009
I did this but it just adds more padding inside the widget not outside and below it?
  #4  
Old Aug 8, 2009, 09:58 AM
norwichkaren
 
56 posts · Jul 2009
#sorry to bump..
  #5  
Old Aug 9, 2009, 02:21 PM
Flynn's Avatar
Flynn
 
3,763 posts · Oct 2008
Munich, Germany
The footer of what, the widget? Widgets don't have footers, posts/pages have...
  #6  
Old Aug 10, 2009, 07:55 AM
norwichkaren
 
56 posts · Jul 2009
Ok so I want a space between the Footer Border top and the Widget border bottom as at present they are touching and because the line of the footer border top, it is making the widger border bottom appear twice as thick as the rest of the widget border.

I realise I can remove the widget border bottom so this doesnt happen, but I would actually prefer to insert some space (so in effect bump the footer border top down a line) so there is a space between the two?

I tried inserting padding in the widget but all this does is move the widget itself down, and I tried to add padding to the footer border but all this does is adjust the padding inside the footer.

I want to add a space above the footer border top and the widget border bottom...

Sorry if this confuses the hell out of you...it is me!
  #7  
Old Aug 10, 2009, 10:49 AM
LabbyRoad's Avatar
LabbyRoad
 
13 posts · Mar 2009
norwichkaren,

Do you mean the margin between the site footer and the sidebar(s)? If so, I also have encountered this problem. Changing margin-top for the footer or margin-bottom for the sidebar appears to have no effect.

My workaround was to create a 10 pixel border-top for the footer and make the colour the same as the container background for the site.
  #8  
Old Aug 11, 2009, 04:56 AM
Flynn's Avatar
Flynn
 
3,763 posts · Oct 2008
Munich, Germany
I will assume that you mean the footer of the whole page, the layout footer.

Add padding-bottom to the sidebar

Theme Options -> Style & configure SIDEBARS -> LEFT sidebar style

padding-bottom: 10px;

There should already be a padding there but you may have removed that, the default setting is
padding: 10px 10px 10px 10px;
  #9  
Old Aug 11, 2009, 05:03 AM
Flynn's Avatar
Flynn
 
3,763 posts · Oct 2008
Munich, Germany
To move layout footer away form the rest from the layout, while having a top border on the layout footer, you'd have to wrap the content inside the footer into a DIV.

The layout is a table, you cannot move away table cells unless you use the HTML property "cellspacing" but I think you can only apply that to the whole table, not to a specifc TD cell

Style & configure FOOTER -> Footer: Content

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

CSS Insert:

div.myfooter {
margin-top: 30px;
border-top: solid 1px #cccccc;
}



Quote:
Originally Posted by LabbyRoad
norwichkaren,

Do you mean the margin between the site footer and the sidebar(s)? If so, I also have encountered this problem. Changing margin-top for the footer or margin-bottom for the sidebar appears to have no effect.

My workaround was to create a 10 pixel border-top for the footer and make the colour the same as the container background for the site.
  #10  
Old Aug 11, 2009, 10:40 AM
norwichkaren
 
56 posts · Jul 2009
Ok thanks Flynn we are nearly there!

But what I actually want to do is stil not done...

If you can take a look at:
http://cwic-solutions.co.uk/ya_test/

and see the page footer border just above where it has my Copyright info - you will see it is resting on the widget/sidebar border bottom...so what I want to do is seperate the two and have space between them...in essence moving the footer border AWAY from the widget/sidebar altogether?!

I realise I could remove the footer border altogether or make it dashed, or I could remove the widget/sidebar border bottom so the footer top border acts as the sidebar border bottom, but I actually want to seperate the two and have a space between them?

I did what you told me to do Flynn but you will see the 2 lines are still touching and resting on each other?

Its not a problem if I cant do this...but I am a picky thing and want it to be just right if possble!

Karen
  #11  
Old Aug 11, 2009, 01:20 PM
Flynn's Avatar
Flynn
 
3,763 posts · Oct 2008
Munich, Germany
Remove the bottom border of the sidebars at Style & configue SIDEBARS -> LEFT sidebar style / RIGHT sidebars style ... etc.

border-bottom:solid 1px #5c5951;
  #12  
Old Sep 25, 2009, 07:20 AM
Walt
 
20 posts · Sep 2009
I'm trying to add space between the center column and footer(while keeping a top border on the footer).

I tried the code in this post and it didn't seem to work.

Any ideas?

At-3.4.2
  #13  
Old Sep 25, 2009, 07:32 AM
juggledad's Avatar
juggledad
 
22,094 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
post your url so I can take a look
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Change Border Colours at Top gradlebum Atahualpa 3 Wordpress theme 1 Jul 15, 2009 07:55 PM
[SOLVED] Theme is adding a border around my AddThis widget at bottom of posts daneo Post-Kicker, -Byline & -Footer 7 Jul 15, 2009 05:42 PM
Free space between window edge and the theme upper border Prorok78 Header configuration & styling 2 May 17, 2009 05:47 AM
Space above page border and background color schanzer Header configuration & styling 3 May 8, 2009 06:12 PM
[SOLVED] Add top and bottom image for widget conon Sidebars & Widgets 5 Mar 25, 2009 10:45 AM


All times are GMT -6. The time now is 07:42 AM.


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