Background shadow possible?

I would like to have know if it is possible to have a small shadow around the whole "block" of the site.

Please have a look at the image attached for better understanding.

Hi,

The only problem will be with fact that the bottom and footer are a separated blocks, but you can try to use the following CSS code:

Code: Select all

#gkPage {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}


Great I will try!
Please specify which CSS file I should add this code to.

You can do it on the template.css file at the end.

Thanks. This works fine. However, the background shadow is not visible using IE.

As IE still is a major browser ... could you please comment on why it is like this ... or maybe you have a solution.

Sorry but IE <= 8 doesn't support box-shadow but IE9 should support it. In the older IEs you can try to use the dropShadow filter as it was described here: http://robertnyman.com/2010/03/16/drop- ... -browsers/