Enabling the Typewriter add-on

[anweiss]

I’m trying to enable the typewriter add-on for this template. I’ve included the necessary CSS and JS, but I’m not sure where in the custom theme.js to instantiate the RsTypewriterAddOn class per the instructions at https://www.themepunch.com/revsliderjquery-doc/typewriter/.

---

Template Version: 2.0.0 (One-Page variant)

[Support]

Hello,

We did a lot of tests here trying to get the typewriter effect working (following the tutorial), but seems that it’s not working. Please note that TypeWriter is add-on for Revolution Slider plugin and we just bundle the Revolution Slider and AddOns in the templates files. We sent a message to ThemePunch (Revolution Slider & AddOns author) regarding this issue. Once we have a response from them we will reply for you here.

Thanks for your patience and sorry the inconvenience.

Kind Regards,

Rodrigo.

---

[anweiss]

Ok thanks. Will await your reply.

---

[Support]

Hello,

We found a solution. At really the HTML code at the typewriter tutorial (https://www.themepunch.com/revsliderjquery-doc/typewriter/) is wrong. Please try following all steps of the tutorial, but use this HTML code below for data-typewriter attribute:

data-typewriter='{
	"blinking": "on",
	"blinking_speed":"500",
	"cursor_type":"one",
	"delays":"2|250, 4|500",
	"deletion_delay":"1000",
	"deletion_speed":"20",
	"hide_cursor":"off",
	"linebreak_delay":"60",
	"lines":"dolor sit a,met dolor lorem",
	"looped":"on",
	"newline_delay":"1000",
	"sequenced":"on",
	"speed":"60",
	"start_delay":"1500",
	"word_delay":"off",
	"background":"off"}'

Also change the HTML of revolution slider element to:

<div id="revolutionSlider" class="slider rev_slider manual" data-version="5.4.8">.........</div>

* Note the class manual.

Don’t forget to put the correct ID in the JS code:

var slider = jQuery('#revolutionSlider').show().revolution({

    /* **************************** */
    /* REGULAR SLIDER SETTINGS HERE */
    /* **************************** */
 
});
 
/*
    Instantiate the Typewriter AddOn
    Args: jQuery reference, slider reference (assigned above)
*/
RsTypewriterAddOn(jQuery, slider);

* Note #revolutionSlider like defined in the HTML id.

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

If you are satisfied with EZY HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts