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 » Center area post/pages »

[SOLVED] How do I make space between sidebars and centre column to show shadows


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 Nov 7, 2011, 08:46 AM
xonline
 
13 posts · Sep 2010
[SOLVED] How do I make space between sidebars and centre column to show shadows

I am really impressed with Atahualpa, ever since I discovered I could tweak the css styles to mimick my main website. However I am flummoxed by margins.

Having added drop shadows around the sidebars and centre column I have a problem. There is no space between the side bars and centre column so the shadows are covered up by the adjacent column. I have searched the forum and can't find anything similar being discussed.

I have tried adding margins into the "Centre column style" and "Sidebar Style"s but it is not creating a space between them.

This is the site www.excitant.co.uk/blog

Here is the CSS I added to the centre column (The margin-right seems to have no effect)

margin-right:30px;
margin-bottom:10px;

padding: 10px 10px 10px 10px;
background: #ffffff;

border-radius: 15px;
-moz-border-radius: 15px;
-moz-box-shadow: 7px 7px 3px #888;
-webkit-box-shadow: 7px 7px 3px #888;
box-shadow: 7px 7px 3px #888;

border-style:solid;
border-width: 0px;
border-color:#00C

and for the side bars (again the margins make no difference)

padding: 10px 10px 10px 10px;
background: #ffffff;

border-radius: 15px;
-moz-border-radius: 15px;
-moz-box-shadow: 7px 7px 3px #888;
-webkit-box-shadow: 7px 7px 3px #888;
box-shadow: 7px 7px 3px #888;

margin-right:10px;
margin-bottom:10px;

border-style:solid;
border-width: 0px;
border-color:#00C

Any ideas would be appreciated.

Thanks
  #2  
Old Nov 7, 2011, 09:13 AM
juggledad's Avatar
juggledad
 
22,244 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
turn on the right-inner sidebar,
make the background 'transparent'
set it's width
add a empty text widget to it
__________________
"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 7, 2011, 09:43 AM
lmilesw's Avatar
lmilesw
 
10,097 posts · Jul 2009
Central New York State USA
You could try playing with transparent background and padding for the sidebars or, and I have not tested, using inner sidebars set to the margin width you want and adding a transparent background.
__________________
~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.
  #4  
Old Nov 7, 2011, 10:08 AM
xonline
 
13 posts · Sep 2010
Thanks

I achieved it by, (as you said)

1) Adding the inner sidebars as widgets
2) Adding a text area with a single space descripton
3) Setting both inner side bars to 10 width
4) Setting the colour to transparent
5) Removing the dashed line

It worked.

Wasn't answer I was expecting though ;-)

Thanks
  #5  
Old Nov 7, 2011, 11:32 AM
juggledad's Avatar
juggledad
 
22,244 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
if it works...I might make the shadow on the left side of the center instead of the right side of the left sidebar so it would look like teh center area was above the two sidebars. food for thought.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
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
[SOLVED] Space between sidebars and center column mjcurtis Center area post/pages 1 Apr 2, 2010 07:15 PM
[SOLVED] creating a vertical space in between left sidebar and centre column area rinoa3108 Header configuration & styling 2 Dec 17, 2009 02:32 PM
two colour centre column? adri Page & Category Menu Bars 1 Oct 10, 2009 06:18 PM
Centre column content dissapearing in IE6 aquilaciencia Sidebars & Widgets 0 Aug 19, 2009 06:21 AM
Scroll Centre Column gcaleval Sidebars & Widgets 2 Jul 13, 2009 08:02 PM


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


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