Person People Girl Woman Hair White Cute. Divi’s Image Module For the Image module, the aspect ratio is either 16:9 or 4:3 layout and either can be used to choose an image size for each column layout. Images are added manually using Divi Image modules in 3 columns to give a masonry-style layout. Q8: Vertically center any content in Divi; E5: 3 Ways to use Anchor Links in Divi; R25: How to create a 2, 3 or 4 column square blog layout; R22: How to Add Links to the Divi Gallery Module and Show Captions on Hover 4) Changing the Number of Columns in the Divi Gallery Module. How To Keep Columns Side-By-Side On Mobile in Divi. But I felt the four columns made things a little cramped as i really wanted to highlight the featured image of each project a little more. The Divi gallery module has a handy, though not very obvious, feature for re-ordering the images in the gallery module. To keep columns side-by-side on mobile in Divi, all you have to do is add a custom line of CSS code to your row settings. Next, add a -100% Left Margin to the Text Module in Row 2, column 3. Choose the column layout that matches the layout of the blog page. Create your Divi gallery by going to your Page and enable Visual Builder. 2. Update the image module with a custom margin of -100% Left. All that is left is to extend the image in row 3, column 2. Add to Wish List. For Gallery 3, you need a multiple of 8 images; For Gallery 4, you need a multiple of 8 images; STEP 2: Create your Gallery. Click on the pencil icon in the body section and create a custom body area. Important: This code only works for 3 or fewer elements. Divi Three Column Module Designs Bundle (Single Site) – $19.00 Divi Three Column Module Designs Bundle (Unlimited Sites) – $99.00. The Divi Gallery Module automatically puts the Grid style layout in 4 columns, but every once in a while it’d be nice to lay them out in 3, 4, or 6 columns, right? One of our most common requests at DiviPlugins is how to change the portfolio layout from four That way I can make the images a little larger. Now copy the module styles and paste those into the text modules in Row 2, column 6 and also into the text module in Row 3, column 5. NEW: Filterable Image Categories, Dynamic Gallery, Custom Image Link, On-Click Trigger Control. Each of the images has the Open In Lightbox setting toggled on so that a user can click the image to open the full-size image in a popup. Ut scelerisque quis magna et imperdiet. Click the “Gallery” module. So I decided to give it a darker background and make the grid 3 columns instead of 4. If you are trying to have four or more columns side-by-side on mobile, jump to that section now. What is the licensing on this? Divi Masonry Gallery Module Create Stunning Divi Masonry Galleries. In this post, I’ll show you … 1. Multiple Columns; Lightbox; Column Spacing; Image Styles; Select Page. 2 Comments. Once the blog page is complete, go to the Theme Builder under the Divi/Extra menu and create a new template. Add your sidebar in one column and the Blog module in another. Nelson on 02/08/2017 at 5:05 pm . So you can follow the same dimensions as for column layouts for instance if you’re using a 2 column layout in 4 x 3 ratio you can use an image with dimensions 510px x 384px. Purchase Checkout.