WordPress.org

Support

Support » Themes and Templates » add box shadow to website border?

add box shadow to website border?

  • 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’

Viewing 2 replies - 1 through 2 (of 2 total)
  • 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!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘add box shadow to website border?’ is closed to new replies.
Skip to toolbar