The Divi Gallery Module - Best Webhosting
Thanks! Share it with your friends!
Related Videos
-
Popular
How to Create an Image Gallery that Changes from Black and White to Color with Divi’s Gallery Module
Added 105 Views / 0 LikesImage galleries continue to be a popular feature for websites. And with Divi, adding a beautiful and responsive image gallery to your website almost too easy. This leaves some extra time to consider ways to make those images standout. One simple way to make your images pop is to start with a black-and-white version of each image that changes to the color version when hovering over the image. This effect has been around for a while but continues to be
-
Popular
Using the Divi Gallery Module to Create a Tiled Gallery with Custom Padding
Added 103 Views / 0 LikesIn this quick tip, we’re going to create a tight-tiled gallery look with custom padding to add a little white space between each image. Several of my clients spanning across multiple industries seem to LOVE this layout so I’m excited to share it with you! Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/using-the-divi-gallery-module-to-create-a-tiled-gallery-with-custom-padding
-
Using the Divi Gallery Module to Create an Image Gallery with Custom Spacing
Added 100 Views / 0 LikesDivi’s gallery module allows you to create a beautiful gallery of images in a grid layout with little effort. And, perhaps the most important design element of a grid is spacing. With Divi, you can adjust the gutter width to control the spacing between grid items (or images). However, even with four gutter width values to choose from, these set gutter width values can be limiting in some instances. So, if you want to have complete control over the spa
-
How to Create a Fullwidth Image Gallery with the Divi Gallery Module
Added 89 Views / 0 LikesFullwidth Image Galleries always seem to look great on a website. A fullwidth gallery spans the full width of the browser window. Theis extra space allows the images to keep a larger size which is great for the user experience. And the grid layout provides an aesthetic design that organizes images into columns that will adjust nicely on all browser widths. In this tutorial, I’m going to show you how to create a Fullwidth Image Gallery with the Divi Ga
-
Popular
Creating a Grayscale to Color Gallery with the Divi Gallery Module
Added 104 Views / 0 LikesBy the end of today's quick tip, we’re going to achieve this stylish grayscale gallery that blossoms with color as users hover their cursor over each image. Here is the link to the blog post: https://www.elegantthemes.com/blog/divi-resources/creating-a-grayscale-to-color-gallery-with-the-divi-gallery-module
-
How to Create a Fullwidth Gallery with the Divi Gallery Module
Added 95 Views / 0 LikesBy the end of our quick tip today, we’re going to get a lovely fullwidth gallery made purely using the Divi gallery module. Follow the link to the post and see the CSS code used and the links to the websites we used to download the royalty free images. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-fullwidth-gallery-with-the-divi-gallery-module
-
Divi Gallery Module - The Basics
Added 32 Views / 0 LikesDivi Gallery Module - The Basics Get Divi: https://wpwithtom.com/divi - 10% off! Get Help With Divi on Fiverr: https://www.wpwithtom.com/divi-help In this video I go over the Divi gallery module basics. I show how to make a full width gallery in Divi. I go over a few easy customizations such as changing the overlay when hovering over an image, the space between images, and the pagination and titles. I hope you're able to create a beautiful gallery aft
-
Changing the Number of Columns in the Divi Gallery Module
Added 81 Views / 0 LikesThe 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? In this post, I’ll show you how! And the good news is…it’s pretty easy! Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/changing-the-number-of-columns-in-the-divi-gallery-module
-
Changing the Number of Columns in the Divi Gallery Module at Different Breakpoints
Added 85 Views / 0 LikesThe Divi Gallery Module allows you to create a beautiful image gallery in a responsive grid layout. The gallery is considered responsive because it will scale the size of your images and adjust the number of columns in the grid according to different browser widths. By default, the gallery module has three breakpoints (points where the style changes at certain browser widths) that adjust the number of columns in the grid. It will display your image ga
-
Creating a Unique Border for your Divi Gallery Module Images
Added 92 Views / 0 LikesIn this quick tip, we’re going to be using a CSS “clipping mask” to create a nifty little border around our gallery images. If you’re not too familiar with CSS, don’t worry, I’ll provide the code and explain what it’s for and how to use it. If you’re new to CSS, my goal is to make it a little less daunting and for you to see how just a few lines of code can take your designs to the next level. Here is the link to the post: https://www.elegantthemes.co