Slider Transition Time

I would like to slow down the transition time between image slides, now the slides fade in/out quite fast, but where would I change the speed of this transition sequence?

Thanks in advance!

Hello there,

You can manage it from Dashboard > Appearance > Customize > Header area > Header Slider > Slider Speed.


@Kharis Sulistiyono

Thanks for the reply, but I’m not looking for the speed between each slides, I’m talking about the transition time!

Hello there,

I am sorry for got it incorrectly. Please try 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

  // Background slideshow
  (function() {
    if ( $( "#slideshow" ).length ) {
        play: $('#slideshow').data('speed'),
        animation: 'fade',
        pagination: false,        
        animation_speed: 2000

Change the value of animation_speed; the default value is 600.

  1. Update


I prefer to not rely on plugins for just a small code change, that’s a bit silly for me.
Therefore I started digging in the actual code and found that it is set in the scripts.js where the value indeed is 600 by default.

Changing that to my desired value worked for me! Thanks.