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 );
}
5. Preview your page and enjoy a subtle white-to-gray body background.
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 );
}
5. Preview your page and enjoy a subtle white-to-gray body background.