How to apply scramble text to different classes/elements?

Hi I’m wondering how can I
apply this code
https://codepen.io/soulwire/pen/mEMPrK
to multiple times to different inline textelements

like:
text+inline textelement1 text+inline textelement2 text+inline element3

I’m asking because webflow doesnt allow me to use the custom code more than 1 times by bof
typed.js and scramble text effect
Screenshot 2022-08-18 at 13.45.32
any clue is appreciated

Here is my site Read-Only:
https://preview.webflow.com/preview/k-an?utm_medium=preview_link&utm_source=designer&utm_content=k-an&preview=895c4fe39388cebbcd5f87b4dfc34b88&workflow=preview
[1]: http://
[2]: Share a read-only link | Webflow University

hi @barn here is example solution for scramble FX on more than one element. Take it as starting point to be customised.

https://codepen.io/stan65/pen/XWEOoOj

1 Like

Thansk It works If code at bottom of the folder

1 Like

hi @barn you have more options to make it work in WF.

  1. use DOMContentLoaded event listener
  2. place code into page settings before <body> holder