Soliloquy Blog

WordPress slider tips, Tutorials and Resources.
How to Add Custom Transition Effects in your WordPress Slider

How to Add Custom Transition Effects in your WordPress Slider

by Courtney Robertson on July 14, 2014

Do you want to change your WordPress slider transition effects? Want to change how each panel enters? We’ve made it easy for you to get the look you want. In this tutorial, we will show you how to add custom transition effects in your WordPress slider.

Getting Started

First you need to install and activate the Soliloquy Slider plugin. For more details, see this step by step guide on how to install a plugin in WordPress.

Now it’s time to create your slider.  Start by going to Soliloquy » Add New and name your slider.  Then either select files from your computer or other sources to use images already uploaded in the WordPress media library.  Afterward, save draft or publish.

How to Create a WordPress Slider

Now to change your slider transition effects, go to Config and scroll down to Slider Transitions.  Here you can select your customized slider transition options.

Configure WordPress slider transition effects

Below you can see a demonstration of each of the customized transition effects. Click through the sliders to see how each transition works.

Fade Slider Transition

Horizontal Scroll Slider Transition

Vertical Scroll Slider Transition

Ticker Scroll Slider Transition

Adding Custom Transition Effects Sliders

Now it’s time to add your slider to either a post or page on your WordPress blog if you have not yet done so. First, go to a post or page, click Add Slider and select your customized slider.  Then publish or update your post / page.  Finally view your published slider with custom transition effects live on your site.

Add Custom Transition Effects in your WordPress Slider

You’re done! You can now customize your own effects.  We hope this tutorial showed you how to add custom transition effects in your WordPress slider.  Another article that you might also want to check out is How to Add a Slider with Thumbnails in WordPress

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Courtney Robertson is a content writer for SoliloquyWP. She loves helping customers create the best WordPress sliders.

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.