Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
Image Slider Transition Settings

How to Change Image Slider Transition Settings in WordPress

by Waseem Abbas on April 17, 2017

Do you want to change the transition settings for your image slider? Choosing the right image transition effects for your WordPress slider will help your slider to be more engaging and professional. In this tutorial, we will share how to change image slider transition settings in WordPress.

Soliloquy has the best image transition effects for your scrolling slideshow, while still keeping your WordPress site loading fast.

To change image slider transition settings in WordPress, you’ll need to follow these 4 steps:

  • Step 1. Install and activate Soliloquy WordPress Slider plugin
  • Step 2. Create an image slider in WordPress using Soliloquy
  • Step 3. Go to config tab and change image slider transition settings
  • Step 4. Display the image slider on your WordPress site

Ready to get started? Let’s go!

Step 1: Install and Activate Soliloquy WordPress Slider Plugin

First thing you need to do is to install and activate Soliloquy Slider plugin on your WordPress site.

Soliloquy website

To learn more about installation, you should check out this guide on how to install and activate Soliloquy.

Step 2: Create an Image Slider in WordPress Using Soliloquy

After activating the plugin, you should go to Soliloquy » Add New on your WordPress admin backend.

Simply add a title to the image slider and drop the photos in the Native Slider section.

Add New Slider

You should also check out our guide on how to create an image slider in WordPress.

Step 3: Go to Config Tab and Change Image Slider Transition Settings

Once you have added the photos, scroll down to the Config tab. There are 4 settings for image transition effects for your image slider.

You can set transition type, speed, duration and delay in these settings.

Image Slider Transition

Now since you are done with all the settings, simply hit the Publish button. You’ll notice a new Soliloquy Slider Code widget with the shortcode for your image slider and some other information.

Copy Shortcode

You need to copy the shortcode from here.

Step 4: Display the Image Slider on Your WordPress Site

To display the image slider, you should go to Pages/Posts » Add New or edit an existing page/post. In the visual editor of the page/post, you need to paste the shortcode.

Paste Shortcode

Make sure to Update the page/post. Go ahead and visit your site to see the image transition effects on your WordPress slider.

That’s all. We hope this tutorial has helped you to learn how to change image slider transition settings in WordPress. You may also want to check out our guide on how to setup default WordPress slider settings to save time.

If you like this tutorial, then please follow us on Facebook and Twitter for more free WordPress guides and resources.

Waseem Abbas is a content writer for SoliloquyWP and Envira Gallery.


    steve schwartz

    June 9, 2017

    Is it possible to hold certain slides longer than others. For example 5000 ms for slide one, 2500 ms for slide 2, then back to 5000 ms?


      Waseem Abbas

      June 14, 2017

      Hey Steve, you can’t set the transition per slide unfortunately. However, you can delay the first one only but once it runs through all slides, it will always use the same transition speed set on the config tab. 🙂


Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.