Hi,

I want to add a background blend from top to bottom on the background only.

And also I want to add a drop shadow either side of the page to bring the site off the page a bit.

I can create the actual blend and graphics easily. (I have attached them) I just lack the skills to put them into the css file.

I have also attached my css file that has already been modified once or twice.

I think this will be a popular modification, But obviously we need to do it in a way to make it still fast!

Help would be massivly appreciated.

Hi Dave

For this you'd just need to change the body tag in the CSS. Change the background so it is an image instead of a color and that it repeats on the x axis:

ok I now have a background gradient that runs through the whole template.

I want to have white under the main site and the gradient only on either side.


I also want to put in a drop shadow on each edge of the template, is this possible?

For the main site that's relatively easy ... you'll need to change the body CSS tag.

For the drop shadow that's harder. One way to do it is to create an image that contains the drop shadow and the white background for the body.

Then apply that image to the body tag.

I've tried your recommendation.
Please tell me the exact changes because when I change the tbody to white, it changes a lot of other things also, so I know it is not tbody. Which exact label is it that I should change?

Thanks

here's my code:

For starters, it is important to differentiate between "tbody" and "body". For this topic, "body" is the important one.

Try changing the first tbody in the CSS reset (immediately after "html" back to "body". Also, if your background image is in the Bolt images folder, you will need to add two dots to your path, like this: