Continue a gradient into the "Section Bottom Separator"

[thecashbag]

I have added a gradient background to my top section, using this code:

$el {
background: rgb(112,107,207);
background: -moz-linear-gradient(-45deg, rgb(112,107,207) 24%, rgb(254,92,92) 100%);
background: -webkit-linear-gradient(-45deg, rgb(112,107,207) 24%,rgb(254,92,92) 100%);
background: linear-gradient(135deg, rgb(112,107,207) 24%,rgb(254,92,92) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#706bcf', endColorstr='#fe5c5c',GradientType=1 );
}

But when I try and add a “Section Bottom Separator” it comes out as a black shape, it does not continue the gradient into the separator.

Here is an annottated screenshot

How can I fix that?

Here is the live link: https://www.datafreedoms.com/

[christopher]

Hi there,

Unfortunately, you can not achieve the design you want with the separator feature of the sections. The separator uses the SVG simple format to create those shapes and will only work with solid color backgrounds.

Thank you for your understanding.