Listing Category: Slider

Divi Slider Text Display Trick

If you use a busy photograph as the background of a fullwidth slider in Divi chances are the text, whether light or dark, will not be entirely readable. Therefore, in order to make the text stand out you can place a background behind the two elements that make up the…

How to update WordPress Playlist in Divi Slider Module

Quick video demonstrating how to update a WordPress Playlist embedded inside a slide on a Divi full width slider of a theme running the Divi Theme….

Divi Slider Module Shortcode

Divi slider module is very helpful and with the help of this module we can add attractive slides above the normal blog on your website in a standard slider format. It is the great compliment to the wordpress administrator who really wants to add different slides…

Full width slider background overlay in Divi

The recent release of the popular Divi theme by Elegant Themes has received a good deal of positive feedback from WordPress site builders. I was also impressed by the long list of new options and features that came with this very well-done upgrade! One new feature that I was happy to see was the “Background Overlay Color” under the “Full Width …

Divi Fullwidth Slider Height Adjustment

By default the height of Divi fullwidth Slider slider is too tall for most text applications. Currently, there is no built in function change the divi fullwidth slider height adjustment. The best way to make adjustments to the Divi fullwith slider height is to have a…

Fullwidth Slider Background Images

Learn how to maintain the aspect ratio of background images and prevent ‘cropping’ using the full-width slider module and CSS view-port units…

Child themes and missing Divi sliders

A solution to one of the problem occurred with recent Divi release….

Create a Navigation Mosaic with the Divi Slider Module

The slider is probably one of the more popular design elements seen in websites today and has been for some time. Most people probably think of hero sliders or gallery sliders as two of the most common uses for them, but really they can be used for all kinds of applications — for CTA areas, to display team members, to use for testimonials, or even as navigation as I’ll show you today…..

Style the Divi Slider with a Static Description Text

In today’s slider tutorial instead of changing out the animation name on the slide description I’m actually going to be removing it altogether, and I’ll explain why below. I’m also bringing in a few gradients, ’cause who doesn’t love a gradient? Aaaand I’ll show you how to have three buttons instead of two (or as many as you want)….

Add a “Soft Box” Shadow to Your Divi Slider Module

In today’s slider tutorial we’re going to change the slider animation to slide in from the right. We’ll also be styling a sleek slider box with a soft box shadow. This design is subtle but elegant and can easily be tweaked to fit just about any kind of website….



Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.


You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!