Jump to content

Typewriter effect with Ninja Kit

Recommended Posts

I've installed the typewriter effect with Ninja Kit for my website but whenever I try to apply it to text, it doesn't display the animation on the page. Not sure what the issue is. I've included the code below. 


<div class="ix-block-ninja-custom-typewriter" data-speed="100" id="ninja-elements"><div class="wrap"><div class="type-wrap" style="text-align: left;"><span id="ixspeed"></span><div id="typed-strings" style="display: none;"><p><i>ENGAGING</i></p><p><i>POWERFUL</i></p><p><i>DYNAMIC</i></p><p><i>STUNNING&nbsp;</i></p><p><br></p></div><span id="before_typed" style="color: rgb(61, 61, 61); font-size: 48px; font-weight: 100;">We create </span> <span id="typed" data-backdelay="1700" data-loop="true" data-loopcount="1" data-speed="100" style="white-space: pre; color: rgb(0, 0, 0); font-size: 48px; font-weight: 500;"><br></span><span id="after_typed" style="color: rgb(61, 61, 61); font-size: 48px; font-weight: 100;"> websites &amp; content</span></div></div></div>

Link to comment
  • Replies 1
  • Views 151
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.