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 »

[SOLVED] How to create spacing between page menu bar, side bar, and footer?


  #1  
Old Nov 27, 2009, 07:24 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
I've finally been able to create rounded sections for the side bar and footer, but it would look a lot better with some padding between them. How does one do this?

Thanks,
Shawn
  #2  
Old Nov 28, 2009, 04:04 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
use the CSS option 'padding' in the styling of the sidebars
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 28, 2009, 10:04 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Ok. could you give me an example? I assume that I would place the coding in HMTL/CSS Insert area? Or is there padding command I should use somewhere else?

Thanks for your help!

-Shawn
  #4  
Old Nov 29, 2009, 04:44 AM
juggledad's Avatar
juggledad
 
23,667 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you are looking for an effect like this: http://callofthemuse.com
at ATO->Style & configure SIDEBARS->RIGHT sidebar style you would put
HTML Code:
border-left: dashed 0px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #;
this gets rid of the border, puts a 10px padding on each side of the sidebar and makes the background of the sidebar transparent so the page background shows thru. On the example page, the widget containers are also styled with
HTML Code:
margin: 0 0 15px 0;
border: solid 2px #000000;
padding: 0 5px 10px 5px;
background: #DED3BE;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
__________________
"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 29, 2009, 10:39 AM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Thanks, it seems like the "margin" command helped with my formatting goals the most.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Need to Increase Spacing Between Page Names in Menu Bar edvandyke Header configuration & styling 1 Oct 12, 2009 02:16 PM
[SOLVED] Centering page menu bar with spacing Wimbledon Page & Category Menu Bars 4 Sep 16, 2009 12:03 AM
Spacing Page Menu Bar Andygeog Page & Category Menu Bars 3 Jun 17, 2009 06:34 PM
How do I create a blog post page and put the link to it on a menu bar? nasu Atahualpa 3 Wordpress theme 1 May 25, 2009 07:36 PM
how to shift the text in menu bar without shifting the entire side bar? collymore Page & Category Menu Bars 10 May 9, 2009 06:29 PM


All times are GMT -6. The time now is 01:30 AM.


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