I LOVE the Salient theme so far. I know your product doesn't advertise Lottie/Bodymovin functionality by any means, but I was hoping you could point me into the right direction for what I am trying to do. As you can see by my website linked up there, I have already figured out how to implement lottie animations. I am using a plugin that allows me to upload an animation json file and in turn it spits out a short code that I simply put into a text box. Voila, I have embedded animations.
However what I want to do is put those animations BEHIND other WPBakery components. For instance putting different animation effects behind a text block. See the attached photo for an example. See the swirly lines behind the phone? It would look so dope if they were moving.
I have actually accomplished this with a different theme although it was very 'hacky' and caused different problems. Basically I added the shortcode as a text block below the item I wanted it behind, and the translated it up using CSS. It wasn't pretty as I am not a pro with CSS.
Can you fill me in on an easier way to accomplish this? Thanks so much for your time.
Thanks for the quick reply. That's a cool feature, but it doesn't help me with getting bodymovin' animations behind. Just in case you don't know what bodymovin' animations are... Bodymovin is a plugin for After Effects that allows you to export shape layer data into SVG data. It ends up as a JSON file. I then upload the JSON to the bodymovin wordpress plugin and it gives me a short code. If I could somehow select the shortcode in the mouse parallax menu, that would be awesome. I just don't think that I can.
I LOVE the Salient theme so far. I know your product doesn't advertise Lottie/Bodymovin functionality by any means, but I was hoping you could point me into the right direction for what I am trying to do. As you can see by my website linked up there, I have already figured out how to implement lottie animations. I am using a plugin that allows me to upload an animation json file and in turn it spits out a short code that I simply put into a text box. Voila, I have embedded animations.
However what I want to do is put those animations BEHIND other WPBakery components. For instance putting different animation effects behind a text block. See the attached photo for an example. See the swirly lines behind the phone? It would look so dope if they were moving.
I have actually accomplished this with a different theme although it was very 'hacky' and caused different problems. Basically I added the shortcode as a text block below the item I wanted it behind, and the translated it up using CSS. It wasn't pretty as I am not a pro with CSS.
Can you fill me in on an easier way to accomplish this? Thanks so much for your time.
Hey K,
Have you had a look at this :
.Best
ThemeNectar Support Team
Thanks for the quick reply. That's a cool feature, but it doesn't help me with getting bodymovin' animations behind. Just in case you don't know what bodymovin' animations are... Bodymovin is a plugin for After Effects that allows you to export shape layer data into SVG data. It ends up as a JSON file. I then upload the JSON to the bodymovin wordpress plugin and it gives me a short code. If I could somehow select the shortcode in the mouse parallax menu, that would be awesome. I just don't think that I can.
Do you have any other ideas?
Are you able to make the Shortcode show up on the page ?. If yes you can use a Negative Column Margin to move the below Row on top of it .
Best
ThemeNectar Support Team
Wow. I can't believe I didn't think of that. Thank you!