Comments 3Steven started the conversationJuly 23, 2020 at 3:05pmHello,I'd love to replicate the parallax type effect as shown in the example URL, where the content fades in over the background image on scroll.How could this be achieved using the WPBakery page builder?My HTML and CSS knowledge is intermediate and I know basic JS. 8,987Tahir repliedJuly 23, 2020 at 10:09pmHey Again,The fade effect would have to be custom coded however we do have some Parallax Page Layouts available in the Salient Studio : http://themenectar.com/docs/salient/salient-studio/ . Thanks ThemeNectar Support Team 3Steven repliedJuly 24, 2020 at 9:12amHi Tahir,I have managed to achieve the effect using a jQuery library, however, when included sitewide, it causes a conflict with the homepage video banner.Is there any way to include jQuery on the entire site without it conflicting with Salient?Working example: https://clone.spaciotempo.co.uk/culture/username: admin.clone.spacio password: rVgXfha41%z6Ohkw 1,089ThemeNectar repliedJuly 24, 2020 at 8:07pmHey Steven,Could you elaborate further on what the conflict is with the home page header? Checking out your script, it seems you've added a separate function for the home page which doesn't trigger the effect until 800px have been scrolled. 3Steven repliedJuly 27, 2020 at 1:42pmAs you have realised, I have now solved this issue. Thank you. Sign in to reply ...
Hello,
I'd love to replicate the parallax type effect as shown in the example URL, where the content fades in over the background image on scroll.
How could this be achieved using the WPBakery page builder?
My HTML and CSS knowledge is intermediate and I know basic JS.
Hey Again,
The fade effect would have to be custom coded however we do have some Parallax Page Layouts available in the Salient Studio : http://themenectar.com/docs/salient/salient-studio/ .
Thanks
ThemeNectar Support Team
Hi Tahir,
I have managed to achieve the effect using a jQuery library, however, when included sitewide, it causes a conflict with the homepage video banner.
Is there any way to include jQuery on the entire site without it conflicting with Salient?
Working example: https://clone.spaciotempo.co.uk/culture/
username: admin.clone.spacio
password: rVgXfha41%z6Ohkw
Hey Steven,
Could you elaborate further on what the conflict is with the home page header? Checking out your script, it seems you've added a separate function for the home page which doesn't trigger the effect until 800px have been scrolled.
As you have realised, I have now solved this issue. Thank you.