Five: Add Background Gradient

Can anyone help with the CSS to add a gradient color to the background of FIVE?

Consider posting a link to your site so the community can take a look.

This can be accomplished by adding custom CSS using the CSS Editor:https://css-tricks.com/examples/CSS3Gradient/

Which background are you trying to target, the main background, or header background?

Here's the site: https://myra-whitney.squarespace.com/home

I'm trying to have the background of the full site go from current blue to a lighter blue.

I tried that code you shared but it didn't do anything. Any suggestions ?

In the template you are using, you could try this code (changing colours if needed)

#body  {
         background: -webkit-linear-gradient(blue, white); /* For Safari 5.1 to 6.0 */
         background: -o-linear-gradient(blue, white); /* For Opera 11.1 to 12.0 */
         background: -moz-linear-gradient(blue, white); /* For Firefox 3.6 to 15 */
         background: linear-gradient(blue, white); /* Standard syntax */
       }

This worked in the bedford template and maybe others:

#siteWrapper  {
     background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
     background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
     background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
     background: linear-gradient(red, blue); /* Standard syntax */
   }

I got this code from http://www.w3schools.com/css/css3_gradients.asp

Can someone walk me through the steps to insert the code above to insert a gradient blue/white background into Bedford? I would really appreciate it.

Can someone walk me through the steps to insert the code above to insert a gradient blue/white background into Bedford? I would really appreciate it.

This code worked for me, the main aspect being targeting 'site':

#site  {background: linear-gradient(334deg, #10d7a4, #06767c, #06237c);}

It also worked for adding an animated gradient from this site https://www.gradient-animator.com/