Jump to content

Typing effect not working

Recommended Posts

Hi, 

I am trying to add a typing effect to text I've already set up using code blocks in the purple command boxes on the homepage of this website: getjuniorai.com.

I used to have it working but the code injection I made into the header got deleted and I can't find it anywhere. Does anybody know what code needs to be added into the header to get this to work again?

Thanks!

Link to comment
  • Replies 5
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

I'm not sure what you mean. 

For example, the code pasted into the first code block under HTML was:

<h4>
  <span class="typed-words"></span>
</h4>

This was the associated code injection in the Footer:

<script>
  var options = {
    strings: ['  apply firm format', '  scrub document', '  highlight placeholders', '  go to s.3(a)(ii)', '  bold headings'],
    typeSpeed: 100,
    backSpeed: 50,
    backDelay: 500,
    startDelay: 1000,
    loop: true,
    };

  var typed = new Typed('.typed-words', options);
</script>

I created similar classes and associated code injections for the other code blocks.

Link to comment
3 hours ago, hollywood18 said:

I don't remember where I got it from. 

https://designfly.io/?ref=onepagelove is an example, but I don't want the box surrounding the typed and deleted text to shrink as the text is deleted.

How about this effect? If it is what you want, I will send the code

https://pike-finch-n7nb.squarespace.com/typewriter-01?noredirect

abc

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.