Unable to implement js. animation code

  • 22 November 2021
  • 0 replies


I have two .js libraries and an html section for an animation that I would like to show on my page. However, I am struggling to get it working. None of what I tried worked.

Here’s what I did:

  • I assigned the CSS ID to a column that is the div ID in the animation script
  • I added an html widget in which I pasted the html of the animation (this is mostly changeable parameters such as references to image URLs used in the animation as well as the script srcs (example: "js/libname.js") of the two libraries
  • I tried adding the script from the two libraries in two ways: (i) via the Insert Header & Footer plugin and (2) directly adding the code inside <script> into the html widget.

Putting the code directly into the html widget, I can see the animation in the WYSIWYG but not in the page preview… (this also slows down / freezes the Elementor interface)

0 replies

Be the first to reply!