Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)
-   -   [SOLVED] How do I make space between sidebars and centre column to show shadows (http://forum.bytesforall.com/showthread.php?t=15884)

xonline Nov 7, 2011 08:46 AM

[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

juggledad Nov 7, 2011 09:13 AM

turn on the right-inner sidebar,
make the background 'transparent'
set it's width
add a empty text widget to it

lmilesw Nov 7, 2011 09:43 AM

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.

xonline Nov 7, 2011 10:08 AM

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

juggledad Nov 7, 2011 11:32 AM

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.


All times are GMT -6. The time now is 05:25 PM.

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