Daniel

<h3>DEMOS</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/XqWPOpuWOu8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>You can find more demos <a href="https://demos.danielvoelk.de/divi-carousel/" rel="nofollow ugc">here</a>.</p>
<h3>FEATURES</h3>
<ul>
<li>
<p>Transform Divi rows to a carousel</p>
</li>
<li>
<p>Transform Divi columns to a carousel</p>
</li>
<li>
<p>Transform Divi blog modules to a carousel</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> Add as many carousels per page as you want</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> Add auto play feature, to let the carousel change pages automatically</p>
</li>
<li>
<p><strong>[PREMIUM]</strong> 3D Carousel <a href="https://demos.danielvoelk.de/3d-carousel/" rel="nofollow ugc">3D Carousel Demo</a></p>
</li>
</ul>
<p><a href="https://danielvoelk.de/en/divi-carousel" rel="nofollow ugc">Official Product Page</a></p>
<p><a href="https://carousel.danielvoelk.de/" rel="nofollow ugc">Official Documentation</a></p>
<h3>SETUP</h3>
<p>Section:</p>
<ul>
<li>Click on blue gear icon to access the Section Settings.</li>
<li>Go to Advanced -> CSS ID & Classes -> CSS Class. Here you add the dc-carousel class.</li>
</ul>


Carousel for Divi

The Carousel for Divi plugin allows you to transform every module in the Divi theme to a carousel. Just add a few classes and you're done.

Divi Candy

<p>At <strong>Divi Candy</strong> we think Divi is the best WordPress theme. This is why our divi plugins extend the Divi Builder capabilities to make it even greater.</p>
<p>Our first plugin is <strong>Responsive Divi Candy</strong>, a super lightweight plugin that helps you master rows & columns layouts with Divi. Fully compatible with the last version of the Divi Builder.</p>
<p>📌 How it works</p>
<p>First, activate the wordpress plugin (no other configuration needed!). It will integrate directly into the Divi Builder.</p>
<h4>Choose the number of Columns</h4>
<p>With Divi you cannot choose if you want to have two, three or four columns side-by-side on mobile or tablet… Not anymore! You can now choose the number of columns that stack side-by-side on mobile and tablet directly into the Divi Builder.</p>
<ol>
<li>Open up your Divi Builder and edit a Row. Go to the Advanced tab in the Rows Settings.</li>
<li>Toggle the option “CSS ID & Classes”.</li>
<li>Here you will see two new options called <strong>Number of Columns on Tablet</strong> and <strong>Number of Columns on Mobile</strong>.</li>
<li>You can now choose from the dropdown list how many columns do you want to have on mobile and tablet.</li>
<li><strong>That’s all</strong>. Congratulations!</li>
</ol>
<h4>Set Column stacking order</h4>
<p>With Divi you cannot choose if you want to change the column stacking order on mobile or tablet… Not anymore! You can now choose which column will be the first and which one will be the second on mobile and tablet. No need to change your design layout or duplicate it just for mobile and tablet directly into the Divi Builder.</p>
<ol>
<li>Open up your Divi Builder and edit a Row. Go to the Advanced tab in the Rows Settings.</li>
<li>Toggle the option “CSS ID & Classes”.</li>
<li>Here you will see two new options called <strong>Stacking Order on Tablet</strong> and <strong>Stacking Order on Mobile</strong>. You can choose to activate just for Tablets or Mobiles or both.</li>
<li>After that, go to the Content tab in the Rows Settings, and go inside the first Colums Settings by clicking the gear icon.</li>
<li>Go to the Advanced tab in the Columns Settings.</li>
<li>Toggle the option “CSS ID & Classes”.</li>
<li>Here you will see two new options called <strong>Stacking Order on Tablet</strong> and <strong>Stacking Order on Mobile</strong>.</li>
<li>You can now choose from the dropdown list the stacking order (from 1 to 6) on mobile and tablet.</li>
<li>You need to assign an order to EACH column!</li>
<li><strong>That’s all</strong>. Congratulations!</li>
</ol>
<p>🍬 Divi Candy</p>
<p>Check out the <a href="https://divicandy.com/responsive/" rel="nofollow ugc">Plugin website</a> for more information and documentation.</p>
<h4>Divi’s new candies</h4>
<p>We will make your candy! Tell us what you can not do with Divi Page Builder and we will try to make a new Candy. For more information check out our website at <a href="https://divicandy.com/" rel="nofollow ugc">Divi Candy</a>.</p>


Responsive Divi Candy

A super lightweight divi plugin that extends Divi with exclusives custom responsive options for mobile and tablet.

Carousel for Divi vs Responsive Divi Candy