SOLILOQUY

Changing The World One Site At A Time...

How do I create a subtle body background radial gradient

as seen on the Features and Contact Form page of Soliloquy?

(White to Gray)

1. Open your Page Info found in the top right hand corner of Rapidweaver.

2. Click on Header, in between the Sidebar and Styles tabs.

3. Click on the CSS button which will allow you to enter Custom CSS.

4. Copy and paste the following code into the text box (see figure 1):

body {
background: #ffffff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d9d9d9 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9));
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#d9d9d9 100%);
background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#d9d9d9 100%);
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#d9d9d9 100%);
background: radial-gradient(center, ellipse cover, #ffffff 0%,#d9d9d9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=1 );
}

Screen Shot 2011-12-08 at 2.49.36 PM

5. Preview your page and enjoy a subtle white-to-gray body background.