[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 |
turn on the right-inner sidebar,
make the background 'transparent' set it's width add a empty text widget to it |
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.
|
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 |
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 01:59 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.