add box shadow to website border? (3 posts)

  1. extremerecruitment
    Posted 6 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?


    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. Christopher
    Posted 5 years 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. Christopher
    Posted 5 years ago #

    here's another good source, i just found:

Topic Closed

This topic has been closed to new replies.

About this Topic