CSS gradient as upper background

[clefler]

I saw previous posts on using CSS gradients as backgrounds by just putting the class name in a section or box of the builder which is awesome.
I was wondering how to make the gradient be the upper background and not the lowest backgrounds by default.
For example could I make a case gradient as an overly of a video?

[nico]

Hi @clefler,

Thanks for writing in.

Yes it is possible.

After adding the video, Add this in your CSS:

.yoursectionclass .x-bg-layer-upper-color {
background: linear-gradient(red, yellow) !important;
} 

Don’t forget to set your upper background as color background.

Let us know how it goes.

THanks.

[clefler]

perfect! much obliged

[ruenel]

Great! It’s good to know that it works out for you.
Regards.