Changing colour of background fade

[barbeluk1]

Hi there,

I’ve produced this simple website in Xtreme:

http://archhousebandb.co.uk/

I’d like to change the colour of the background fade from grey to blue. I seem to remember you could do this in Weaver Pro II but I can’t find the setting in Xtreme. Is it there?

Thanks,

Andy 

[scrambler]

The grey background is made with a grey shaded background image on the body.

You can either change that to your own image by adding the rule below in MAin Options > Fonts & Custom > Custom CSS Rule box

body {background-image: url(imageURL);}

Or you can use a gradient CSS rule as shown below with your own start and end color if you want a uniform gradient from top to bottom

body {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999));
  background-image: -webkit-linear-gradient(top, #444444, #999999);
  background-image: -moz-linear-gradient(top, #444444, #999999);
  background-image: -o-linear-gradient(top, #444444, #999999);
  background-image: -ms-linear-gradient(top, #444444, #999999);
  background-image: linear-gradient(to bottom, #444444, #999999);
  filter:prodig:DXImageTransform.Microsoft.gradient(startColorstr=’#444444′,endColorstr=’#999999′);
}

[barbeluk1]

Thanks Scrambler. I’ve used the CSS you provided. 

Out of interest, does the image that Xtreme uses for the fade have transparency on it? I’m not sure how it works when over a coloured background??

Regards,

Andy  

[scrambler]

I think it does as it is a .png image

[Author]

Posts