Divi Slider Animate


Introducing Divi Slider Animate. A custom Fullwidth Divi Slider for the Divi Theme or Divi Builder Plugin that displays your content in a beautiful way. One of the most advanced Divi module ever created.

The Divi Slider Animate module provides a comprehensive suite of slider customizations that helps you easily create dynamic text effects, background animations and more.

Each element, you can choose an in animation from the dropdown option list (49 animations). You can set the transition speed and how long the element should take to get in. The default Fullwidth Slider module is missing out a lot and that is why we made a few more enhancements into it, such as adding useful option: subheading, logo, second button, fullscreen mode, Interactive Content effect which will follow as the mouse move, image and video alignment into this Slider Animate module. We also went through some thoughts that some of you might want to add your own Divi section layout into each slide, and with that, we have this option for you to put your own section layout just by turning it on and select your saved layout. This way, you can have other modules included.

If you are a big fan of Fullwidth Header Extended (More than 3000 customers and counting from around the world rely on Divi Fullwidth Header Extended. Featured on ElegantThemes blog topic on 10 Awesome Third-Party Divi Plugins and also featured as Divi Plugin Highlight. One of the must have for Divi sites.), then this Divi Slider Animate module will get you started and running in no time.

This Slider Animate has two title effects to go with. Typing and rotator effect which will play very nicely along with duration between each slide transition. You can add static text in front or after the typing or rotator effect as well.

4 types of control styles to choose from: Circle, Circle with border, Square and Rectangle. These can be styled in the advanced design settings.

You can hide and show the arrows when hovering the slider just by enabling/disabling it in the module option. Not only that, we know you wanted some flexibility on the arrow such as different icons for left or right arrow. We made this possible! Not mentioning that you can style the arrow colour and background colour too!

Talking about slider transition, you can choose Fade, Slide, Fade Zooming In, Fade Zooming with Popout(Background Image), Fade with KenBurns (Zoom In or Zoom Out). We added particles effect to the slide option so that you can spice up your game a little.

Use a Fancy Line to bring attention to your title. Toggle the line on top or bottom of the title, change the colour and alignment, have fun and see what works best for you. You can also easily add a sub-header and toggle it to be above or below the header title.

This is just the beginning of Divi Slider Animate Module. We will be adding more effects and improve it in the next update. We’ve done the hard part. So now, as the saying goes, it’s up to your creativity. Enjoy the Divi Slider Animate!

What’s coming next? We are planning to include Fullwidth Blog Slider in the next upcoming update.

2 Title effects:
You can choose to have purely typing, or rotator effect which play very nicely along with duration between each slide transition. You can add static text in front or after the typing or rotator effect as well.

Typing Effect

  • You can define the speed of the typing speed
  • Delay the time of effect
  • Delay the time before backspacing
  • Enable/Disable looping effect
  • Change the color of typing font
  • Change the color of the backspace
  • Apply underline or background on Typing Effect only

Rotator Effect(Lots of Animation)

  • You can define the speed of the rotator speed
  • Change the color of rotator font

Fancy Line on Title

  • You can select to choose before or after the title
  • Text alignment and line alignment
  • Line spacing on the top and bottom
  • Set line color

Slide Transition

You can choose the following slider transition.

  • Fade
  • Slide
  • Fade Zooming In
  • Fade Zooming with Popout(Background Image)
  • Fade with KenBurns (Zoom In or Zoom Out)

Arrows Customization

  • Select your preferred icon for left or right arrow
  • Ability to change arrow colour and background colours
  • Arrow button responsive height and width
  • Able to hide and show on hover

Controls Styles

This is the pagination button at the bottom of the slider

  • Circle, Circle with border, Square and Rectangle styles
  • Ability to change colour and border colours

Special Effect on Slide

  • Particles Background Effect – Options such as (Number of Particles, Particle Size, Shape of the Particles(Circle, Triangle,Edge, Polygon, Star), Particle Line Linked Width, Particle Movement Speed, Particle Color)
  • Interactive Content Effect – The content wrapper on active slide will move in response to the mouse.

Add-on Bonus

These add-ons are missing in the default Fullwidth Slider module and we are brining all these into Slider Animate

  • Sub heading text
  • Fullscreen mode
  • Arrow Placement
  • Align Video or Image to left or right
  • Second Button
  • Gradient Overlay
  • Logo
  • Load JSON Module into each slide
  • Custom Responsive Slider Height
  • Custom Animation on each element

Element Animation

This feature is designed to give your visitors a more engaging experience on your websites. With over 49 different animations (powered by animate.css) and the ability to control animation delay for each elements(Title, Subheading, Content, Buttons and etc) and play very nicely with the Slide Transition.

Version: 1.0.7 Updated on 12 July 2019

Please be aware that you will need an amount of experience in Divi Theme and WordPress to take advantage of our themes and plugins. Please make your decision to purchase based upon your skill level to see if our products fit your needs. Due to the nature of Digital Downloads. Refunds are completely at our discretion. All 3rd party custom Divi modules in the Divi community are fully functional in Page Builder. Modules added through page builder can be viewed, but cannot be added or edited through Visual Builder. This is a constraint placed on third party modules in Divi 3. We will have to wait for Elegant Themes for any update.
Live Demo
SKU: dwd-fse Category: Tag:


Installing Divi Slider Animate

After downloading the Divi Slider Animate installation file from, extract it and in the extracted folder locate the file. You can then install the Divi Custom Module Extended Module using one of the two following installation methods:

  1. WordPress upload – For most users, this is probably the simplest installation method. To install the Module using this method, please follow these steps:
    1. Login to your WordPress admin panel
    2. Navigate to Appearance > Plugins > Add New > Upload Plugin
    3. Click on Choose File and select
    4. Click on Install Now
  2. FTP upload – If you would like to install the Divi Slider Animate module via FTP, please follow these steps:
    1. Extract the file you previously located. You should now see a folder named dwd-slider-animate
    2. Using an FTP client, login to the server where your WordPress website is hosted
    3. Using an FTP client, navigate to the /wp-content/plugins/ directory under your WordPress website’s root directory
    4. Using an FTP client, upload the previously extracted dwd-slider-animate folder to the plugin directory on your remote server

Activating Divi Slider Animate

To activate the Divi Slider Animate Module, you have to navigate to Appearance > Plugins > Installed Plugins and click on activate.

After you have done this, your Divi Slider Animate module will be ready for use. you should see Slider Animate appear in Divi Builder.

What you will be getting after purchasing:

  • Installation Plugin zip file

For better optimisation for Divi Custom Modules

You can ftp to your web hosting and look for .htaccess

add in this into your .htaccess

< IfModule mod_substitute.c >
SubstituteMaxLineLength 10M
< /IfModule >

(Make sure your remove the spaces on the < > tag )

You can also try increasing your WordPress memory limit by FTP to your web hosting and edit your wp-config.php file

Add this to the very bottom:

define(‘WP_MEMORY_LIMIT’, ‘256M’);


There are no reviews yet.

Be the first to review “Divi Slider Animate”

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

[version 1.0.7] Updated on 12 July 2019
  • Fixed: Blank pages due to php function error.
[version 1.0.6] Updated on 14 April 2018
  • Fixed: Header Font default size to 36px and responsive header font
  • Changed: CSS file.
[version 1.0.5] Updated on 28 March 2018
  • Added: Arrow placement (Center, Bottom, Top, Left Bottom, Right Bottom, Left Top, Right Top, Center Top, Center Botton)
  • Fixed: Conflict with Visual Builder which causes 3rd party custom module settings and values to reset upon saving via Visual Builder
  • Enhanced: Box Shadow for both buttons
  • Enhanced: Text Overlay and inhereited Divi slider settings.
  • Added: Target Slide Image and change Slide Image Container on Slide Advanced Tab - Custom CSS
[version 1.0.4] Updated on 08 Jan 2018
  • Fix: Content Orientation not appearing after changing setting
  • Add: Carousel Slider(Beta) - Able to show your desire slide in a slider. (Default is 3)
  • Add: Custom Responsive Slider Height when not using Fullscreen mode
  • Change: Section JSON to Module JSON library mode. (This is for carousel
  • Enhance: JS and CSS files
[version 1.0.3] Updated on 03 Jan 2018
  • Add: Gradient Overlay
  • Add: Header Tag for Heading
  • Add: Latest features from Divi modules
  • Add: Arrow button responsive height and width
  • Fix: Image/Video and content Alignment
[version 1.0.2] Updated on 03 Dec 2017
  • Add: Content Orientation Alignment - Top, Center or Bottom
  • Fix: Particles Effect with Overlay and Background Images due to z-index
[version 1.0.1] Updated on 17 Oct 2017
  • Fix: License Page

Our themes and modules includes the plugin files, 1 year of online support and access to plugin updates. You can use them on unlimited sites(your own and clients) even after support period. You can renew your license(s) at 50% off after one year to continue to receive online support and plugin updates. You are not allowed to resell this or include this in your commercial product. In other words, you cannot sell child themes with this module. If you wish to do so, please contact us.

Updated 18 July 2016

You may also like…

Pin It on Pinterest