jessmartinez Posted February 20, 2021 Share Posted February 20, 2021 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
Beyondspace Posted February 20, 2021 Share Posted February 20, 2021 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 picker form field) 💫 Gallery block 7.1 workaround 🥳 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
jessmartinez Posted February 20, 2021 Author Share Posted February 20, 2021 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! Link to comment
jessmartinez Posted February 20, 2021 Author Share Posted February 20, 2021 Hi @bangank36, is there a way to fix the line spacing so it's even? And to have a predetermined spacing for the text animation so the page doesn't keep adjusting up and down as the text loops? Thanks! Link to comment
IXStudio Posted February 21, 2021 Share Posted February 21, 2021 Hi, Thanks to dear @bangank36 Please let me know your website URL to check it easier! @jessmartinez Thank you! Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
jessmartinez Posted February 21, 2021 Author Share Posted February 21, 2021 @IXStudio befluent.ca/home-new. I received your email but I'm still confused with the line spacing. Thanks! Link to comment
tuanphan Posted February 22, 2021 Share Posted February 22, 2021 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
creedon Posted February 22, 2021 Share Posted February 22, 2021 The effect appears to be at befluent.ca/home-new. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.