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 » Header configuration & styling »

drop shadow on main container

Old Mar 16, 2010, 05:26 PM
17 posts · Feb 2009
hi - i wanted a drop shadow on the main container and i've come up with a way of doing it - just wondering if anyone sees anything wrong with this - i ask because i have used what appears to be a redundant div to do it and i hope i'm not messing with the machinery of this pretty complex theme.

as i said the div (#wrapper ) appears to be redundant however i suspect that it may be just that it's used in fluid width setups in the max min width area - i have no experience of how atahualpa achieves this but maybe someone could confirm this for me

the problem is that i wanted 3 backgrounds - one for the body background, one for the site itself and a third as a drop shadow around the container - i managed to do the first 2 in the theme options but i needed a div to put the drop shadow into

the container was "contained" by #container and #wrapper so what ive done is to give #wrapper a padding and a background which contains the drop shadow effect

i added this to the css inserts section of atahualpa

background: url(../self-catering-images/dropshadow.png) repeat-y;

i post this here in case a) maybe it's a bad practice b) maybe there's a better way and c)maybe it might be a way to put a drop shadow on a site in atahualpa which i havent seen on the forums

Old Mar 16, 2010, 07:29 PM
lmilesw's Avatar
10,176 posts · Jul 2009
Central New York State USA
The way some have done a drop shadow is to create one image that has the drop shadow look, create a fixed width layout to match that image, and set the footer to sticky so you won't see any background on the top and bottom. Another way MAY be using CSS 3 which won't work in all current browsers. With CSS 3 you can use multiple background images as follows:
HTML Code:
url(../images/bottom-left.png) top right fixed no-repeat,
url(../images/bottom-right.png) top left fixed no-repeat,
url(../images/top-left.png) bottom left fixed no-repeat,
url(../images/top-right.png) bottom right fixed no-repeat;
~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.


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to create (drop) shadow effect around the layout container ? chris2009 Atahualpa 3 Wordpress theme 13 May 24, 2012 04:31 PM
All Posts showing on main page. How can I get only certain post on main NoLimit24_FJ Forum How-To 1 Sep 22, 2009 06:18 PM
Drop shadow in center column kal Header configuration & styling 6 Jun 18, 2009 08:39 PM
How to turn of the form/text field shadow? Fux Atahualpa 3 Wordpress theme 2 Apr 27, 2009 09:06 PM
Need drop shadow added to the body of my post's nickcee Atahualpa 3 Wordpress theme 1 Feb 26, 2009 07:21 PM

All times are GMT -6. The time now is 04:09 AM.

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