A gradient background offers a really smart way to quickly change your website appearance.
Magnetic looks stunning with a gradient background, as this page demonstrates.
Because gradients use pure CSS, this means they load really fast. No images to download!
All modern web browsers support CSS gradients. Because CSS gradients are an official part of the CSS specification.
Scroll to the point of the theme style settings marked Body Background. In here you can adjust the colour of your body background gradient.
Want to create a more complex gradient background effect? Simple head over to a website like this one, where you can browser through a huge choice of gradient designs:
https://webgradients.com/
When you choose one you like, click the Copy CSS button. Within the RapidWeaver Settings > Code > CSS or Page Inspector > Code > CSS type the following:
html {
}
Then paste your CSS gradient code between the opening and closing braces like this:
html {
background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
}
Now you should see your beautiful new gradient background take effect. This is a simple method to radically change the appearance of the Magnetic theme.