I would like to create a shadow around the main body of my site as indicated in the article below. They state that I must create a new ID called "wrapper" to which I can then apply the css in my custom.css file to create such an effect. I am not sure where to create such a wrapper in the T3 framework so I tried to apply the styling in my custom.css file

I was able to apply the effect to the .t3-sl in my custom.css file and it displays correctly on the home page but not the others as it only applies to that one section

.t3-sl{

box-shadow: 0 0 6px #ccc;

padding: 5px

}

Would anyone by able to give me some advice on how to create a wrapper around my whole site so that I can apply the shadow as indicated below? Or is there an existing one that I can apply the styling to?

http://www.joomla-css.nl/index.php/en/joomla-3/create-your-own-template-for-joomla-3/step-3-modify-the-base-template-joomla-3/create-a-border-and-a-box-shadow-around-the-page

My temp site: http://family1stnutrition.com/

I would really appreciate any help

Kind Regards,

Louw