Add partially transparent gradient over background image

[NiallD1991]

Hi Guys,

I am trying to achieve this look - as you scroll, the white moves up across the image in a parallax.

I think what I need to do add an upper gradient over a lower background image with parallax on.

I’ve tried loads of things but I cant seem to get it to work. This is where I am now:

I’m using pro 4

I have set the lower background image to “background image”

Classed the element "signature-system2

In additional CSS for the element I have placed the following code

$el.signature-system{
background-image: linear-gradient(45deg, transparent 47%, #373636 20%),
url(“Signature-Background-Test.jpg”);
}

Am I missing something or does PRO 4 now offer an easier solution?

Thanks in advance!

[ruenel]

Hello Niall,

Thanks for writing in! Regretfully there is no setting in the Pro theme that can accomplish what you have in mind. It may be possible with a custom CSS and JS code and this is by the way beyond the scope of our support. We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may need to contact a 3rd party developer to do these customizations for your site.

Thank you for your understanding.