Blend Mode between upper and Lower BG layers

[MolemanProductions]

Hi, I was wondering how i can use blend modes between my Upper and Lower Layers

I am wishing to multiply a red was over my Lower Background image.Or do i need to switch these.

Lower Layer = img
Upper Layer = Color/gradient
Blend Mode = Multiply or Add

I am trying to use CSS in the section

$el .x-bg-upper-layer{
   background-blend-mode: multiply;
}

[paul.r]

Hi,

You can try mix-blend-mode instead of background-blend-mode

You have 2 ways to use blend-modes

When doing it in the same element, the property is background-blend-mode.

But, when doing it with 2 elements. it is mix-blend-mode

Thanks

[MolemanProductions]

Hi Paui,

Thanks for your insight,
Unfortunately this is not working does not seem to work for me,

I’ve tried both Upper and Lower CSS on this.

[MolemanProductions]

I apologies, I have manage to get this working.

Didn’t realize the name changes depending on its “type”
Thanks for your help.

[paul.r]

You’re welcome!