Jump to content


Photo

Drop shadow to body page


  • Please log in to reply
4 replies to this topic

#1 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 12 September 2011 - 01:19 PM

Hi there, I would like to be able to add a drop shadow to the page to be global on all pages. www.susanconstantine.com/create180 Thank you!

#2 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 12 September 2011 - 02:12 PM

You can achieve that with custom CSS or images and CSS. Here's some info on the CSS approach: http://www.webtoolki...rop-shadow.html

#3 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 12 September 2011 - 03:02 PM

Thanks Kate, but I'm not a code developer. Can you be a bit ore specific please?

#4 kastelic

kastelic

    Advocate

  • Members

  • 3081 posts
  • Country: Country Flag

Posted 12 September 2011 - 09:55 PM

This should get you started.
The first pixel dimension is the distance from x
The second is the distance from y
The third is the blur amount
The fourth is the color (hex code)
 
	#page-main {
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	box-shadow: 0px 0px 15px #000;
	}


#5 create180design

create180design

    Super Member

  • Members
  • 185 posts
  • Country: Country Flag

Posted 12 September 2011 - 10:47 PM

Worked great. Thank you!