Question…what are the image sizes that should be used in each call to action box? Welcome to Day 57 of our Divi 100 Marathon. The Divi page builder has some fantastic built-in modules which use grid displays, including the Portfolio Grid, the Blog Grid and the Gallery Grid. After years of making highly responsive Divi websites, here’s a rundown of my solutions to the most common responsiveness questions concerning Divi I’ve seen on the web. N Alignment Settings Divi Responsive Image Sizes Plugin. The Divi Theme uses a responsive design, meaning it adjusts its layout to look good on any size of screen. Thank you for sharing your thoughts Steven, yes I did know this, and was hoping to find a more updated paragraph or two relating to what can be done with Divi as far as building a Multi-Vendor/Seller market site I’ve wanted to build one for a while for a niche market, not general market, being new to Divi and ET in general by less than a month, I’m just getting used to the builder, I’m used to doing things the hard old fashioned way from scratch. If you happen to get it working, let us know . And if a user wants to showcase an individual image in the lightbox, there’s no other way but code. Before giving me a price I invite you to confirm your mastery of DIVI and then give me the price for this achievement. There are many free image resizing tools (such as Gimp) that you can use to resize the images and our favorite one is Canva. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series! There are several methods and they all have their advantages. Resize the browser window to see the responsive effect: 1 column: 1080 pixels Feature #1. Ces options d’affichage ne servent qu’à vérifier le rendu visuel dans les 3 versions.Mais ici, vous ne contrôlerez pas vraiment les diverses versions. Why don’t you include the blog features of Extra in Divi .. my library will not import this, i try form the library an the page and don’t work for me. Follow along as we post free Divi resources for 100 days in a row! Sounds like a random number, right? To make Divi full width slider responsive, you need to resize or crop all of your imagesfor the slider. Responsive images will automatically adjust to fit the size of the screen. She grew up with two graphic designer parents, loves photography and lives in Cornwall with her family. "Responsive Images are coming soon to Divi as well. Therefore, if you’re using the Divi theme and want to serve proper images on every device, then this plugin is for you. Do some little tooltip entrance animation magic. Image SEO is important. all those clunky plugin files affecting the performance of the page. Responsive Image divi module – It’s available in regular divi section. To achieve an even grid, I set the top and bottom padding for the ⅔ section to 150px and for the bottom two squares, set that to 132px. Awesome! Divi Carousel Module plugin adds an advanced module to Divi and Extra theme builder. This is where the “Responsive Divi Backgrounds” plugin comes in handy. Divi’s responsive editing controls using the back-end Builder . The module offers tons of customization options. Linky-link here: https://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial. How to Create a Responsive Image Grid with the Divi Builder and the Call to Action Module. Hi Melissa, seems like many commenters have the same problem. More detailed step by step how to use divi for mobile vs. desktop. Here’s an example of how you can use flex to control responsive behavior. The sizes attribute instructs the browser on how to pick the right image from the srcset based on the viewport (device) size. This might be enough for you to get the order you wish. size of texts and images.