diego.benna

<h3>About Essential Doo Components in a Nutshell</h3>
<p>You can see <a href="http://www.piccoligiganti.it/animated-icon-doo-banner/" rel="nofollow ugc">Essential Doo Components DEMO</a>.</p>
<p>Essential Doo Components for Visual Composer is the original addon built exclusively for Visual Composer which helps you add interactive overlay effects on the sections displayed on your Web pages. If you don’t use Visual Composer you can use our shortcodes.</p>
<p>We have re-created 40+ different designs and a super Carousel, you can view them ALL from our preview site. Each design has a CSS3 hover effect that’s unique to each one.</p>
<p>The usage of Essential Doo Components for Visual Composer elements are very simple, simply select your image/s, add your title and captions, an optional link, a color scheme. The result is a beautifully constructed image box complete with hover effects.</p>
<h3>The Best and Easiest Way to Create Content Carousels Ever</p>
</h3>
<p><a href="http://www.piccoligiganti.it/animated-icon-doo-banner/" rel="nofollow ugc"></a>
</p>
<p>We have taken carousel creation to the next level. With <strong>Doo Carousel</strong>, you can create carousels for Doo Components and any of your content. We’ve integrated into <strong>Visual Composer</strong> to bring you a <strong>very flexible, very lightweight and very intuitive</strong> carousel creation system. Change paddings, margins virtually any design element for your carousel.</p>
<h3>Full Feature Set</h3>
<ul>
<li>40+ Beautiful designs,</li>
<li>New Original Doo Video Banner,</li>
<li>Easy to use Visual Composer elements,</li>
<li>Fast and smooth CSS animations,</li>
<li>Fully responsive, works great in mobile devices,</li>
<li>Works with any theme,</li>
<li>Very easy to use, instructions are provided for each setting,</li>
<li>Properly coded in WordPress standards,</li>
<li>Unlimited possibilities,</li>
<li>WPML supported,</li>
<li>SEO friendly code,</li>
<li>IE8+ support,</li>
<li>Highly Optimized Code,</li>
<li>Light-weight HTML structures,</li>
<li>Rigorously Tested on Actual Devices for Real,</li>
<li>World Performance Metrics,</li>
<li>Trusted development & Support,</li>
<li>Turn any content into a carousel, images, images with text, carousels, team members, etc</li>
<li>Works great in touch devices, swipe to scroll the carousel,</li>
<li>Fully responsive, configure the number of items to display for mobile devices,</li>
<li>Fully customizeable, adjust the margins, paddings and colors to style your carousel,</li>
<li>Lightweight, only loads stuff when carousel is used, doesn’t bloat your site,</li>
<li>Dots, arrows or none, choose what type of navigation is displayed for your carousel,</li>
<li>Works with any theme, as long as you have Visual Composer,</li>
<li>Properly coded in WordPress standards.</li>
</ul>
<h3>Minimum Requirements</h3>
<ul>
<li>WordPress 4.0 and above</li>
<li>Visual Composer 4.0 and above</li>
<li>If you have got Visual Composer as a part of your theme, ensure that Core Visual Composer plugin is not heavily modified</li>
</ul>
<p>Plugin is compatible with the WordPress versions 3.9 and later (PHP v.5.2 or greater; Visual Composer 4.3 or later).</p>
<p>You can see <a href="http://www.piccoligiganti.it/animated-icon-doo-banner/" rel="nofollow ugc">Essential Doo Components DEMO</a>.</p>
<h3>Frequently Asked Questions == Frequently Asked Questions</h3>
<h3>Upgrade Notice == Upgrade Notice</h3>
<h3>Screenshots == Screenshots</h3>


Essential Doo Components for Visual Composer

Essential Doo Components is the original addon built for Visual Composer which helps you add interactive overlay effects on the sections displayed on  …

Zayed Baloch

Hammal Albulushi

Naeem Noor

<p>Twenty20 is a professional-grade image comparison tool that helps you showcase transformations in a highly engaging way. Perfect for:</p>
<ul>
<li>Photography portfolios</li>
<li>Real estate before/after</li>
<li>Renovation projects</li>
<li>Design makeovers</li>
<li>Product comparisons</li>
<li>Restoration work</li>
<li>Medical procedures</li>
<li>And much more!</li>
</ul>
<h4>Video Tutorial</h4>
<p><iframe loading="lazy" title="How to Use the Twenty20 Image Before-After Plugin in WordPress | Step-by-Step Tutorial" width="750" height="422" src="https://www.youtube.com/embed/1cQ9rhL-t70?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Live Demo</h4>
<p>Check the <a href="https://zayedbaloch.com/twenty20-image-before-after-wordpress-plugin/" title="Twenty20 Live demo" rel="nofollow ugc">Live Demo</a>.</p>
<h4>Key Features</h4>
<ul>
<li>Responsive design – works perfectly on all devices</li>
<li>Horizontal and vertical sliding options</li>
<li>Customizable slider position and orientation</li>
<li>Custom “before” and “after” labels</li>
<li>Adjustable image widths and alignments</li>
<li>Mouse hover sliding effect</li>
<li>Touch-enabled for mobile devices</li>
<li>Multiple sliders per page</li>
<li>Widget support for sidebars</li>
<li>SEO-friendly with proper alt tag support</li>
<li>Accessibility compliant image comparisons</li>
</ul>
<h4>Page Builder Support</h4>
<ul>
<li>Elementor</li>
<li>WPBakery Page Builder (Visual Composer)</li>
<li>Flatsome UX Builder</li>
<li>Classic Editor</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>Photography before/after edits</li>
<li>Home renovation comparisons</li>
<li>Web design makeovers</li>
<li>Product transformations</li>
<li>Restoration projects</li>
<li>Beauty transformations</li>
<li>Real estate renovations</li>
</ul>
<h3>Usage</h3>
<h4>Shortcode Example</h4>
<p><strong>Quick Example</strong></p>
<pre><code>[twenty20 img1="" img2="" direction="vertical" offset="0.5" align="right" width="60%" before="Before" after="After" hover="true"]
</code></pre>
<p><strong>Shortcode Parameters</strong></p>
<ul>
<li><code>img1</code> – image ID.</li>
<li><code>img2</code> – image ID.</li>
<li><code>offset</code> – range from 0.1 to 1.0.</li>
<li><code>direction</code> – <code>horizontal|vertical</code>.</li>
<li><code>align</code> – <code>none|right|left</code>.</li>
<li><code>width</code> – supports both <code>px</code> and <code>%</code>.</li>
<li><code>before</code> – text for the “before” label.</li>
<li><code>after</code> – text for the “after” label.</li>
<li><code>hover</code> – <code>true</code> or <code>false</code>.</li>
</ul>


Twenty20 Image Before-After

Simple and clear implementation of the Twenty Twenty by Zurb script.  Thanks for saving me a few hours.

Works Well

Professional before & after image comparison slider for WordPress. Create engaging visual comparisons with an intuitive drag & drop interface.

Essential Doo Components for Visual Composer vs Twenty20 Image Before-After