Change animated typing speed


#1

Hello,

This theme is fantastic. :grinning: I was wondering how to change the typing speed of the heading? I’ve found this code in main.js:

/* Typed */
(function($) {
	    $('.typed-element').typed({
	        typeSpeed: 75,
	        loop: true,
	        backDelay: 2000,
	        stringsElement: $('.typed-strings')
	    });
})( jQuery );

But changing typeSpeed doesn’t do anything (even after deleting the cache and refreshing). I can’t find any other references to type speed in any of the other files in this theme.

I tried doing it in this example and it works as expected: https://codepen.io/merb/pen/yOwJjj

How can I fix this in the Ignis theme?

Many thanks


#2

Hello there,

Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
(function($) {
	    $('.header-text .typed-element').typed({
	        typeSpeed: 2000,
	        loop: true,
	        backDelay: 2000,
	        stringsElement: $('.typed-strings')
	    });
})( jQuery );
  1. Update

You don’t need to edit any single file of the theme. Because all files will be wiped out and replaced with the fresh one upon updating.

Regards,
Kharis


#3

Brilliant! Thank you so much.


#4

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis