HDTutorial
EN
How to Customize Your Divi Slider to Change Specific Elements with Each Slide

Playback starts YouTube’s embedded player (privacy-enhanced mode).

How to Customize Your Divi Slider to Change Specific Elements with Each Slide

90,016 views October 26, 2019 10:52

Watch on YouTube
ChannelElegant Themes

Description from the creator

We all know that sliders are wonderful for maximizing that prime above-the-fold section of your website. They are great! Users are welcomed with multiple CTAs and important features that slide into view without ever having to scroll down the page.
But, sometimes too much change in design and content from slide to slide can distract or overwhelm visitors.

That’s why in this tutorial, I’m going to show you how to customize your Divi slider to change only specific elements with each slide transition. This allows you to keep the core content and design components of your slider consistent while you change only a specific element (like a single word or button) with each slide.

Visitors will be able to easily process the change and clearly understand your call to action.

Read the article here: elegantthemes.com/blog/divi-resources/how-to-cu…

About this tutorial

Elegant Themes published this 10:52 video tutorial on October 26, 2019. It has been watched 90,016 times on YouTube.

Duration
10:52
Published
October 26, 2019
Views
90,016
Likes
609

Tags

Share

Further reading

  • How to Customize Your Divi Slider to Change Specific Elements ... elegantthemes.com

    Here is the final design of the custom Divi slider. And here is the functionality of the slides. Notice how only the one word changes with each slide. Final Design on Mobile Tablet. Smartphone. Experiment with Changing…

  • Our Top 10 Divi Tutorials of 2019 | Elegant Themes Blog elegantthemes.com

    9. How to Customize Your Divi Slider to Change Specific Elements with Each Slide. We all know that sliders are wonderful for maximizing that prime above-the-fold section of your website. They are great! Users are welcom…

  • The Divi Slider Module | Elegant Themes Documentation elegantthemes.com

    Each slide will have a background image, a slide image, and a content section. Using the Visual Builder, add a new section with a fullwidth (1 column) row. Then insert a slider module to your new row. In the Content tab…

This tutorial in other languages