WordPress.org

1. extremerecruitment
   Member
   Posted 2 years ago #

   my site is http://www.postgraduatesinsport.com/

   i want to add a box shadow around the border of the page eg where the white meets the dark grey background...

   not sure if should use a dark grey or black to colour the shadow

   can someone please tell me if i just need to paste some code into the mains tylesheet or do something else?

   thanks!!

   i have seen a post on the forum saying use this code. I tried it but it hasnt worked...
   'box-shadow:10px 10px 20px grey;
   -webkit-box-shadow:10px 10px 20px grey;
   -moz-box-shadow: 10px 10px 20px grey;'

   i inserted it in the style.css at the top under 'SETUP'

2. mastertechmag
   Member
   Posted 1 year ago #

   I'm using theme: twentyten w/ WP 3.0

   I too found code similar to that. I was able to make it work using:

   #wrapper {
   	margin-top: 9px;
   	background-color: #fff;
   	border: 1px solid #000;
   	box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.2);
   	-moz-box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.2);
   	-webkit-box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.2);
   }

   You can see it on the website i'm working on now: http://www.cmacomm.com/atw/

   (you'll see there's no border at the top, simply change the "0px" above to "5px" ---or edit the numbers to your prefference.)

   hope that helps!

3. mastertechmag
   Member
   Posted 1 year ago #

   here's another good source, i just found:
   http://markusstange.wordpress.com/

Topic Closed

This topic has been closed to new replies.