Add GLOW to website template

Hi

I would like to add glow to the website template as per my mockup image, is this possible, and how woudl I go about adding this effect to the .css files please?


Many thanks

mock.jpg

edit template.css

You can find it here:

../templates/gk_appsite/css/template.css


Go to Line 57 and add this line:

box-shadow: 0 10px 30px #000000;

Thanks for the reply but I added this to line 57 as advised and it has not changed anything?

This is now line 57 after adding your code:



#mainPage { background: #fff; overflow: hidden; box-shadow: 0 10px 30px #000000; }

Hi

We do not support customization requests but I must say the code based on CSS3 is greate, but do not work for IE. Also using it for FF You need to add "-moz-" in front, like "-webkit-" for other browsers.

Anyway this request should be solved using transparent images over the existing background and this require some more work.

Many thanks, this has worked by adding the code to override.css but not to the footer...do you know what I shodul add to make it glow around the footer as well please? (as per image

Screen shot 2011-04-18 at 09.04.35.png

I see what you mean it works fine in Firefox and Chrome but not Safari...will email you direct

Hi

Mail answered

Many thanks for the modification, the site looks perfect in all browsers

Hi

Glad I could help