Jump to content
Sign in to follow this  
kennyb

Adding a drop shadow from header to footer

Recommended Posts

kennyb

I've checked all morning to find this answer. My website is http://tristanohs.com and I have tried this code: #page-canvas { -webkit-box-shadow: 1px 1px 10px #333; -moz-box-shadow: 1px 1px 10px #333; box-shadow: 1px 1px 10px #333; } #page-main { -webkit-box-shadow: 0px 0px 15px #000; -moz-box-shadow: 0px 0px 15px #000; box-shadow: 0px 0px 15px #000; } Neither one works. Although the second one does put a horizontal shadow about mid page. I would like a shadow from the top of the header to the footer bottom and on both sides. I do have a repeating background graphic and normally this is real easy to do when hand coding a site.

Share this post


Link to post
Share on other sites
fintan
Hi Kenny I think you just select "content shadow" in the Color Control Section of the PageLines Global Settings, you have to be in fixed width mode though. If you change your footer to a color other than black you can carry the shadow all the way down with this: [code]#footer{ -moz-box-shadow: 0 1px 5px rgba(0,0,0, .8); -webkit-box-shadow: 0 1px 5px rgba(0,0,0, .8); box-shadow: 0 1px 5px rgba(0,0,0, .8); }[/code] Hope that helps, bests -- Fintan
  • Like 1

Share this post


Link to post
Share on other sites
kennyb
Wow, a whole morning was spent changing css and all that - nice job. Thanks, although it's still easier to hand code. Apparently my background image pushes the footer color well past the footer area. Thanks again fintan

Share this post


Link to post
Share on other sites
jonthompson
http://screencast.com/t/zkJ6rRjC3sV how do I remove the gradient between the header and the body? all I have is a screen shot because we don't launch until tomorrow. if it is launched, here is the link: http://truedeclination.com/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×