Background Gradient over Multiple Sections and Navigations

Site URL: https://kumquat-kale-39as.squarespace.com/

Password: 1234

I have been using this code to add Gradients to the background of each section:

section[data-section-id="61d3c6b8d84036572456d8e4"] .section-background {
background: rgb(25,15,32);
background: linear-gradient(35deg, rgba(25,15,32,1) 0%, rgba(0,0,0,1) 49%, rgba(0,0,0,1) 55%, rgba(9,26,51,1) 100%);
}

But how do I add a gradient to multiple sections, including the navigation, so it all flows as one gradient?

Matt

57 minutes ago, mattjenkins said:

Site URL: https://kumquat-kale-39as.squarespace.com/

Password: 1234

I have been using this code to add Gradients to the background of each section:

section[data-section-id="61d3c6b8d84036572456d8e4"] .section-background {
background: rgb(25,15,32);
background: linear-gradient(35deg, rgba(25,15,32,1) 0%, rgba(0,0,0,1) 49%, rgba(0,0,0,1) 55%, rgba(9,26,51,1) 100%);
}

But how do I add a gradient to multiple sections, including the navigation, so it all flows as one gradient?

Matt

Try the following in Home > Design > Custom Css

body  {
  background: linear-gradient(35deg, rgba(25,15,32,1) 0%, rgba(0,0,0,1) 49%, rgba(0,0,0,1) 55%, rgba(9,26,51,1) 100%) !important;
}

section, section .section-background, #header {
  background-color: unset !important; 
}
.bright-inverse:not(.has-background) .section-background {
  background: unset;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

Yep, it does. Thank you so much!