We also know that many want to customize the recipe for a variety of reasons. The simplest way to fix this is to update to the Divi 2.7.3 (or later), as Elegant Themes have fixed the issue in this version. The secondary slider should display multiple slides in a page. 1 of 7 Sliders. A divi image carousel module to create a slide-show with images. Beginner users can use the video tutorials provided if they want to implement in-depth customization for their WordPress websites. It’s ideal for beginners. The image gallery comes with all the usual features you would expect such as gallery slider captions, lightbox, thumbnails, etc. Currently the thumbnails in the gallery module can either be set to either landscape or portrait, which ends up looking like this: A client asked me to add some new images to their Divi gallery module, of course all of the images were square cropped so neither the landscape or the portrait thumbnail settings looked right. If for some reason you are unable to update, you can manually fix the issue by modifying the affected line in js/custom.js to read: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. You’ll customize a slider module that can be saved as a global module and reused. Brilliant. UPDATE 7th May 2018: Recipe #23 – How to create a scrolling image carousel continues to be the most popular recipe on Divi Soup.We know there are some issues with browsers like Microsoft Edge, due to updates within the application. Committed to People, Committed to the Future. Divi Headers (7) Divi Blurb Modules (12) Divi Person Modules (6) Divi Blogs (4) Divi Sliders (7) Divi Pricing Tables (4) ... Divi Call To Action (2) Divi Woocommerce Shop Module; Buy Now; Thumbnail Slider. By enabling the Divi Gallery option in Divi Theme options you can add a WordPress image gallery into modules. WordPress Slider with Vertical Tabs. Boxed Testimonial Slider is a tutorial that teaches how to make your own testimonial slider using the standard Divi slider. WordPress jQuery Slideshow with Back and Previous Buttons. The premium slider plugin offers a host of customization options including a Banner Rotator, Banner with Playlist, Content Slider, Thumbnails Banner, and a Carousel feature. The Divi Theme gallery module has a grid view which shows thumbnails of the images in the gallery. To prevent the image … Sometimes the thumbnails will appear distorted, as small images are stretched to fill the thumbnail area. We will also be changing the dimensions of the gallery image thumbnails (optional). Normally, the number of slides is defined by perPage option, but it’s hard to determine the number of thumbnails from the perspective of responsibility even if utilizing breakpoints.. To solve this problem, let’s use fixedWidth option to fix a slide width against a window size. WordPress Slideshow with Multiple Row Thumbnails. WordPress Slider with Text Navigation. WordPress jQuery Vertical Tab Slider. The slider is a definite ‘annoyance’ with Divi, and after the security issues with other popular sliders, this code is great becaus it lets you modify the default Divi code to full width, so I don’t need external plugins to get this effect. This module displays the WooCommerce built-in images slider which is one big ( featured ) image and the thumbnails of the gallery. WordPress Slider with Thumbnail Navigations. Content Options – Hide thumbnails. In this Divi tutorial I will show you how to display the title and caption from the media library when hovering over an image using the gallery module. If the product is under sale, there will be a sale badge over the main image. Enable this option to remove the thumbnails and keep the main image only. It takes up to 15 minutes to complete and is a great way to dig into CSS. We are going to be using a minimal amount of JS, PHP and CSS whilst keeping as much of the styling as possible inside the module settings.