Creating 3 Image Gallery Designs Using Divi’s New Column Layouts - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress Elegant Themes Video: Creating 3 Image Gallery Designs Using Divi’s New Column Layouts.
Multistreaming with https://restream.io/

Hey Divi Nation, welcome to a brand new Divi Use Case live stream.

Divi's new column layouts have freed up some exciting possibilities for unique page designs. And with the support of up to six columns, you can really explore new designs for image galleries. In this use case tutorial, I'm going to show you how to design three unique layouts for your images. I think you will be surprised by how easy these layouts are to design. And, hopefully, they will give you some new ideas to explore.

You can read the post for this use case here:
https://www.elegantthemes.com/blog/divi-resources/3-image-gallery-designs-using-divis-new-column-layouts

If you need the Divi Theme, you can check it out the product page here: https://www.elegantthemes.com/gallery/divi/

Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:
https://www.elegantthemes.com/blog/community/elegant-themes-blog-submissions

Published: Tuesday, August 20, 2019 10:21 AM
Category: Wordpress Elegant Themes

98 Views

Related Videos

Brand New Column Layouts For Divi!

by Best Webhosting Added 4 years ago 85 Views / 0 Likes

Lear More Here: https://www.elegantthemes.com/blog/theme-releases/brand-new-column-structures-for-divi Today we are greatly extending Divi’s design capabilities by more than doubling the amount of available column structures, including new smaller ⅕ and ⅙ column types that you can use to build a variety of new designs. These new column structures greatly expand upon Divi’s traditionally small selection of columns types and in doing so open up a whole
Divi Feature Update LIVE! Brand New Column Layouts For Divi

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

Multistreaming with https://restream.io/ We are greatly extending Divi’s design capabilities by more than doubling the amount of available column structures, including new smaller ⅕ and ⅙ column types that you can use to build a variety of new designs. These new column structures greatly expand upon Divi’s traditionally small selection of columns types and in doing so open up a whole new realm of possibilities. Read the article here: https://www.elega
Popular
Creating a Grayscale to Color Gallery with the Divi Gallery Module

by Best Webhosting Added 4 years ago 104 Views / 0 Likes

By 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
Task 4 | Responsive Image Gallery Using CSS Grid | CSS3 Masonry layouts

by Best Webhosting Added 3 years ago 60 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve
Popular
How to Extend Modules to Create Unique Column Layouts in Divi

by Best Webhosting Added 4 years ago 126 Views / 0 Likes

Every new page you design with the Divi Builder is structured using a number of different column layouts. Divi includes built-in column layouts for each row ranging from one column all the way to six columns. But, sometimes, you may feel the need to adjust these columns for even more unique layouts. Today, I'm going to show you a creative way to do just that. In this tutorial, I'm going to show you a simple design technique that allows you to extend m
Popular
How to Create an Image Gallery that Changes from Black and White to Color with Divi’s Gallery Module

by Best Webhosting Added 4 years ago 105 Views / 0 Likes

Image 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
Using the Divi Gallery Module to Create an Image Gallery with Custom Spacing

by Best Webhosting Added 4 years ago 100 Views / 0 Likes

Divi’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
Creating Unique FAQ Designs with Divi

by Best Webhosting Added 4 years ago 73 Views / 0 Likes

Every website that regularly communicates with customers can benefit from a FAQ section. When creating your website with Divi, there are many ways to approach designing your FAQ section. Now, in this post, we’ll be creating a fun FAQ section that focuses on combining the column and module container to create a beautiful design. You’ll be able to download the JSON file for free as well! Read more: https://www.elegantthemes.com/blog/divi-resources/creat
How to Create a Fullwidth Image Gallery with the Divi Gallery Module

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

Fullwidth 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
6 Unique Border Designs for your Divi Gallery Module Images

by Best Webhosting Added 4 years ago 75 Views / 0 Likes

The Divi Gallery Module is great place to showcase an image gallery on your website. By default, the gallery module will display the your images in a grid layout without much styling at all which is great for keeping the images as the primary design element. However, if you are looking to get a little creative, you can frame your images with different border designs to help make your image gallery standout. The Gallery module makes this process pretty
Creating an “Our Process” Section with Divi’s New Column Structures

by Best Webhosting Added 4 years ago 77 Views / 0 Likes

Divi’s new column structures have undeniably added a ton more built-in design possibilities to Divi. To show you how unique you can get with Divi’s versatile column structures, we’re going to show you how to create a unique “our process” section using Divi’s built-in options only. On top of that, we’ll also add a subtle hover effect that appears when hovering one of the steps in the process. These sections are great for explaining how you do what you
Creating Custom Column Side Navigation for One Pagers with Divi

by Best Webhosting Added 4 years ago 91 Views / 0 Likes

When you decide to create a one-pager, the navigation user experience becomes entirely different. Although people aren’t meant to leave the page, you do want to make their stay user-friendly. That’s why most one-pagers use in-page anchor links. You can place these anchor links in a traditional top menu or choose side navigation instead. In this tutorial, we’re going to show you how to create a beautiful column side-navigation design for your page usin