Jump to content

Help with a typing text animation

Recommended Posts

Site URL: http://befluent.ca/home-new

Hi everyone! I'm trying to make the banner image have a looping typing animation under the word "fluent in" so that it will type out "digital marketing", and then backspace on itself, then type "web design", and so on.

This is the tutorial that I found but I dont know how to make it loop continuously or add more lines to it: https://insidethesquare.co/squarespace-tutorials/typing-text

website url is: http://befluent.ca/home-new

Help appreciated, thank you!

Link to comment
20 minutes ago, jessmartinez said:

Site URL: http://befluent.ca/home-new

Hi everyone! I'm trying to make the banner image have a looping typing animation under the word "fluent in" so that it will type out "digital marketing", and then backspace on itself, then type "web design", and so on.

This is the tutorial that I found but I dont know how to make it loop continuously or add more lines to it: https://insidethesquare.co/squarespace-tutorials/typing-text

website url is: http://befluent.ca/home-new

Help appreciated, thank you!

Check out this free typewriter plugin

Typewriter — SQSP Ninja Kit (ixstudio.net)

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

thanks @bangank36, this would've been perfect but it doesnt seem to work for me even after following the video tutorial, and clicking "preview in safe mode". I also tried to view the page on both safari and chrome. Is there a step im missing? 

 

EDIT: I found that you need to insert some code for the plugin to work, sharing in case anyone needs help too:  https://www.ixstudio.net/ninjakit/installation-guide

Many thanks again!

Edited by jessmartinez
Link to comment
17 hours ago, jessmartinez said:

@IXStudio befluent.ca/home-new. I received your email but I'm still confused with the line spacing. Thanks!

Can you share link to page where you added effect? We can take a look

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.