Support ForumOverriding default JS functions with child-theme (Skills animation duration and delay) – Support Forum https://support.ishyoboy.com/forums/topic/overriding-default-js-functions-with-child-theme-skills-animation-duration-and-delay/feed/ Tue, 07 May 2024 21:27:47 +0200 http://bbpress.org/?v=2.5.12-6148 en-US https://support.ishyoboy.com/forums/topic/overriding-default-js-functions-with-child-theme-skills-animation-duration-and-delay/#post-3701 <![CDATA[Overriding default JS functions with child-theme (Skills animation duration and delay)]]> https://support.ishyoboy.com/forums/topic/overriding-default-js-functions-with-child-theme-skills-animation-duration-and-delay/#post-3701 Sun, 20 Jul 2014 23:56:02 +0000 msquared70 Is there a way to slow down the animation for the skills bars and increase the delay until it starts?

]]>
https://support.ishyoboy.com/forums/topic/overriding-default-js-functions-with-child-theme-skills-animation-duration-and-delay/#post-3722 <![CDATA[Reply To: Overriding default JS functions with child-theme (Skills animation duration and delay)]]> https://support.ishyoboy.com/forums/topic/overriding-default-js-functions-with-child-theme-skills-animation-duration-and-delay/#post-3722 Mon, 21 Jul 2014 10:07:08 +0000 IshYoBoy Hey msquared70,

you’ve chosen pretty tough topic, right? ;) But don’t worry, we’ll navigate you to do it easy in a few steps.

1. Use child theme: it’s necessary to activate and use Boldial child theme

2. Enqueue custom scripts: in the child theme please open “function.php” file and add this code at the end of the file. it will enqueue your custom JS script with your custom definitions:

3. Create custom file: in the root of child theme please create folders “assets/js” and there create file “my-custom.js”

4. Override existing JS functions: to override existing skills function you need to make a few steps into your “my-custom.js” file. Make sure that you define the “ish” object at the beginning of your file:

var ish = {}

Then copy paste any function you need to override from the “main.js” file from the parent theme located in:

\wp-content\themes\boldial\assets\frontend\js\main.js

So the whole code to override the skills function in “my-custom.js” file in this case would be:

The most importants are line var skillzDel = 1000; and }, 500); // Delay (miliseconds). First define animation duration and second one animation delay before start.

These steps are necessary to override skills functions and basic for overriding any of default Boldial’s function.

Please let us know if it works for you and if you have any other questions
Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

]]>