Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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


  #1  
Old Nov 7, 2011, 09:46 AM
xonline
 
13 posts · Sep 2010
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, 10:13 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 10:43 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 11: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, 12:32 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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



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 08:15 PM
[SOLVED] creating a vertical space in between left sidebar and centre column area rinoa3108 Header configuration & styling 2 Dec 17, 2009 03:32 PM
two colour centre column? adri Page & Category Menu Bars 1 Oct 10, 2009 07:18 PM
Centre column content dissapearing in IE6 aquilaciencia Sidebars & Widgets 0 Aug 19, 2009 07:21 AM
Scroll Centre Column gcaleval Sidebars & Widgets 2 Jul 13, 2009 09:02 PM


All times are GMT -6. The time now is 11:02 AM.


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