Free Divi Photo Gallery Layout Pack: 5 Stunning Gallery Page Layouts in One Convenient Download

Posted on June 13, 2016 by in Divi Resources | 83 comments

Free Divi Photo Gallery Layout Pack: 5 Stunning Gallery Page Layouts in One Convenient Download

Welcome to Day 14 of our Divi 100 Marathon. 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!


divi-gallery-page-layout-01

Divi provides users with a myriad of ways to display their images. Whether that’s as full screen backgrounds, fullwidth sections, within a slider, a gallery, or as individual images on a page/post. But getting the right combination of elements–the right balance that results in a compelling page design–can be difficult for anyone. That’s why in today’s post we’re giving away a new Divi layout pack specifically created to help you create stunning full page galleries with your Divi website.

The Divi Photo Gallery Layout Pack consists of five stunning gallery page layouts designed to provide you with a variety of full page gallery options to run with or to use as a starting point for own final design.

Downloading & Using the Layout Pack

To use this new layout pack you’ll need to first download it’s zipped file by clicking the download button below. Then, locate it in your downloads folder and unzip it. Next, navigate in your WordPress admin to Divi > Divi Library and click the “Import & Export” button at the top of the page.

When the portability modal pops up, select the import tab. Then, click the “choose file” button and go back to the folder you unzipped in your downloads folder. You can select the All.json file to import all of the layouts at once, or choose any of the individual layouts to import them one at a time.

After your selection is made click the blue “Import Divi Builder Layouts” button and wait for the upload to complete. Once completed, you will now find five new photo gallery page layouts available to you in your Divi Library.

From individual pages these layouts can be accessed by navigating in your Divi Builder to Load From Library > Add From Library and selecting the layout of your choosing.

Subscribe To Download For Free

5 Stunning Divi Gallery Page Layouts

All of the layouts in this pack use standard Divi Builder modules, arranged and configured in such a way as to create pages that are perfect for displaying your high quality images to site visitors. You can use all of these layouts as they are or tweak their settings to suite your needs. You may even choose to mix and match styles to get exactly the look you want.

Another great aspect of these layout packs, aside from the layouts themselves, is the wealth of Divi knowledge you can glean simply by studying the section, row, and module settings that come with them. The styles achieved in this layout pack may come in quite handy in a number of different pages, posts, or sections of your website–not just gallery pages.

Gallery Page Layout 01

Gallery layout 01 uses plenty of whitespace and clean, alternating grid of images to create a tastefully balanced gallery of six images. You could easily extend or abridge the number of images in this layout to fit your specific needs in a few clicks using the Divi Builder’s duplicate or delete controls.

divi-gallery-page-layout-01

divi-gallery-page-layout-01-full

Gallery Page Layout 02

Gallery layout 02 is all about the images themselves. Where as the first layout depended on big open spaces to showcase its images, this layout carefully aligns the edges of each image perfectly so that a sort of full screen collage is the result. Perfect for fully immersing your audience in your work.

divi-gallery-page-layout-02

divi-gallery-page-layout-02-full

Gallery Page Layout 03

Gallery layout 03 is designed to make bold statements. This layout is probably best suited to showcasing images that require as much screen real estate as you can give them. Perfect for architecture, landscapes, and portraiture.

divi-gallery-page-layout-03

divi-gallery-page-layout-03-full

Gallery Page Layout 04

Gallery layout 04 is a bit of a hybrid between layouts 01 and 02. Not quite as much white space as 01 but not quite as all encompassing an image grid as 02. This layout is a great choice any time you need to provide a bit of context or other information for each image you’re showcasing.

divi-gallery-page-layout-04

divi-gallery-page-layout-04-full

Gallery Page Layout 05

Gallery layout 05 provides a beautiful, clean, card design to display your images. This layout is perfect for displaying images with essential information such as collection, title, date, or location.

divi-gallery-page-layout-05

divi-gallery-page-layout-05-full

Stay Tuned: The Next Free Divi Layout Pack Will Be Published This Wednesday

I hope you’ve been enjoying these free layout packs as much as I have enjoyed creating them, because we’ve got a lot more to come! The next layout pack will be published in two days. Tomorrow’s post will feature another free Divi extension you won’t want to miss either.

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a freebie!

divi-2-6-logo

Divi 100 Day 14

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

Learn More About Divi 3.0


83 Comments

  1. loving the Divi 100 blogs..

    • I agree one of the best blogs out there. Love this service. Great WP word too. I just wish Arforms would work well with it. The only real word issue I have it. I know not every plugin will play nice. But, it’s frustrating.

  2. Another great giveaway! Thank you!

  3. Love the timing – just about to build a gallery for an architect client! These are saWEET! Thanks ET

    • me too!!

  4. Great!! Very useful.

  5. Thanks once again! These Layout Packs are excellent. Can’t wait to see what else is coming before the big launch!

  6. plans for an image carousel?

  7. very promising layout pack. I love it.
    Thanks for sharing

  8. This is my favorite giveaway so far! SO darn useful. Thank you!

  9. Spanish: Siempre estoy sorprendido con su profesionalidad y buen hacer, son una empresa que mejora lo esperado por el cliente y esto solo lo consiguen los muy buenos!!

    Catalan: Sempre estic sorprès amb la seva professionalitat i bon fer, són una empresa que millora lo esperat per el client i això sols ho aconsegueixen els molt bons!!!

    English: I am always surprised by their professionalism and good work , are a company that improvement expected by the client and this can only get it very good !!

  10. So many options – so little time…. The ET team has really made my life more difficult! LOL Not really! One thing is for sure – I will never regret buying my lifetime subscription to ET! You all ROCK!

  11. Thanks once again guys. You’re freaking awesome!!!!

  12. This is great!
    I’m loving the 100 days…and looking forward to Divi 3.0

  13. Thank you to the Divi Team for this, great job!

    Would appreciate a way to make alternate layouts like #1 work on Mobile too by keeping back the right elements order:
    image/text – image text…
    instead of
    image/text text/image…

    I saw that feature working well in another builder 😉

  14. Thank you Mario! They look great! And Nathan, for the video guide! What an Easy way to get “designer” styling!

  15. Hi Mario,
    Divi is the most generous theme author.. keep it up and you will dominate the global market.

  16. Thanx so much. I really like the way downloading these can teach you how to create beautiful layouts yourself.

  17. Thank you. These layouts are fantastic. Loving the 100 Days. Elegant Themes is a great company.

  18. Hi Mario and the Divi Team
    Thanks once again for the inspiration…
    Much appreciated.
    all the best, Mark

  19. Really cool Mario… Thanks so much for the hard work from you and the rest of the team.
    I was wondering if there was an easy way to display the EXIF data on the image lightbox overlay somehow?

  20. This.is.awesome!

    Thanks for sharing Mario!

  21. Hi there,

    Pack #3 is missing big horisontal white arrows!

    Igor.

  22. This just became handy for a gallery of events I’m going to create for a project.
    Thanks

  23. Oh Divi and Divi developers and designers… I LUV you! (kiss,kiss) These are really great.

  24. Great work Mario, again!

    Thank you for these.

  25. WoW! Great Italian Creativity + DIVI 100!

  26. Oh and i tired loading the “all” option a 9mb file as well as an individual 1.9mb file – same result hangs at 1%

    • I have found it can take a minuet or two to got beyond 1%, must depend on your server, so it can sit at 1% for quite some time before it starts to install.

  27. Awesome Stuff! Can’t wait to play with these!

  28. Big Thanks for this inspiring pack !

  29. I love this option 2, can you tell us what are the optimum image sizes for the pictures? I’ve already replaced your with mine, but didn’t look.

  30. Beautiful Mario, thank you. So very useful!

  31. I am loving it.

    i will use in my next work. it will be good and rock.

  32. Thank you, This is amazing 🙂

  33. The zip file seems to be damaged. Happens only to me?

  34. This one is so beautiful!!

  35. I’m becoming joyously overwhelmed, these updates are making me want to redo every website. I have to think of a new project? or should I wait until 3 comes out? Should I turn off the daily alerts?

    • Nathan B. Weller

      I’d definitely keep the daily alerts turned on 🙂

  36. Thanks guys keep it up. The new layouts are fun and easy to use

  37. These are beautiful. I would love to see more layouts that featured varied perspectives combining landscape and portrait photos.

  38. Cheers 😀

  39. Love your recent giveaways – a real time saver!!! Can you do options like this for a directory style website pleeaaassseee – I’ve struggled with a clean way of doing it…( vendor display eg florists )

  40. Thanks for these Beautiful Layouts!

  41. Simply beautiful!
    Thanks ET team.

  42. Day 14 has not disappointed. Thanks Divi team.

    Divi offers a beautiful tiled mosaic gallery as a standard option in any post or page. If you turn on the builder, you loose the ability to do tiled mosaics. The Gallery layout 3 looks similar but can’t tell from the post if you can shrink the images down to give the same tiled look you get on native Divi.

    Is there a way to integrate the Divi tiled mosaic gallery with Divi in builder mode?

    Can Gallery Layout 3 be tweaked to look like a tiled mosaic?

  43. You guys are the best. This is exactly what I was thinking about last week and going to do research on. You solved my problem, which you know will keep me as a loyal customer forever!

    Thanks again!

  44. I love these little videos. Mostly your voice and the funky music at the end. It picks me up at 4pm when my brain is getting tired and I need to stop building website content and just be here now.

    So thanks for being you!

    Melanie

  45. Thank you! Exactly what i need! That is amazing!

  46. ciao Mario
    complimenti!

  47. Once again you provide awesomeness!!!!

  48. Q: I’m enjoying (and downloading) all the Divi layout packs.

    However, I can’t import the .json files into the Divi Library. Our system administrator has limited that function in some way for security reasons.

    He’s installed the File Manager plugin for me to use instead. But when I look through the Divi/Wordpress folder system, I don’t see any folder marked Library. Is there in fact a way I can do this in File Manager? Where in the folder structure is the Library anyway?

    Thanks in advance.

    • I can’t get it to go past 15% on mine either..

  49. Thank you, This is amazing!

  50. Wish the layouts feature had a thumbnail function so you could see what you were choosing before putting it in your layout.

  51. As always, excellent stuff. However, I’m trying to import the files now and it’s stuck at 1%. I can’t seem to cancel it either. Any assistance would be much appreciated.

    Thanks in advance.

    • Scrap that. It’s working now. Cheers people.

      • Hi how did you fix it? I’m having the same issue….cheers, Ali

        • Nathan B. Weller

          The link in the post has now been fixed. You can download via the button.

  52. I am LOVING the marathon! Brilliant!

    But – I have the fastest internet possible and it still hangs on 1% – that is trialling all of the galleries and then just one gallery at a time and it doesn’t work 🙁

    Any suggestions to get it past 1%?!

  53. Thank you so much for your 100 Blog. It’s so great! ((:

  54. Thank you for the beautiful gallery

  55. Anyone have any ideas how to add titles to these gallery pictures ? Hover or not. Would love to be able to centre text in the middle of the image.

  56. Thanks for all and splecially Divi-100 !! Keep rocking.

    Can we support some parallel loading (Lazy, Interlaced) etc?

  57. Thanks for all and splecially Divi-100 !! Keep rocking.

    Can we support some parallel loading (Lazy, Interlaced) etc?

  58. Yippie! Just used this on my portfolio page! Easy-peasy! Looks great!

  59. Hello,
    when I can not install the extension. It provides a system error. “Are you sure that you want to install? Link: Please try again

  60. FYI – for those trying to keep track of which layout pack is which the photo gallery pack is divi-100-pack-3.zip

  61. Great work Mario, again!
    Thank you for these.

  62. Hello – When I go to Divi / Divi Library, I don’t have an import option available at the top of the page… How can I fix this?

  63. A question: I am using one of these wonderful layouts for a gallery page but I have over 100 images and don’t want to have that long of a scrolling page…since these layouts aren’t actual gallery modules with a pagination selection/option what would you suggest I do to break up the pages cleanly? I am somewhat new to this so I’m not aware of good pagination techniques. Thanks!

  64. The download file name is divi-100-pack-3.zip however the Video and title above on this says Photo Gallery Layout Pack 5 🙂

    http:// www .elegantthemes.com/blog/divi-resources/free-divi-photo-gallery-layout-pack-5-stunning-gallery-page-layouts-in-one-convenient-download?utm_source=Elegant+Themes&utm_campaign=1558f22866-Divi_100_Daily&utm_medium=email&utm_term=0_c886a2fc0a-1558f22866-50811601

    I dont think anybody else noticed !

  65. Thanks.. you saved my few hours on few projects.. (y)

  66. how can I maintain the picture in the left and the text in the right side in tablet mode and smartphone mode, because when I was in those modes the text and the picture stay one above other. I tried to change text size and margins but I can´t resolve it.

  67. These look good. But don’t provide the one thing I’d like to see built into Divi. A masonry layout option should be built.into the image gallery module with controls for number of columns and gutter spacing. That way instead of cropping images into a grid of thumbnails, the user can view images in their original aspect ratio.

    Masonry style has been on the go for a few years now and it still looks fresh. I surprised it’s not part of Divi already.

    As it is, I think I’m going to have to resort to a non-ET plugin. Pity, ‘cos the rest of Divi is sooo good.

  68. Something like a Masonry layout that accomodates different size images and shows thumbnail in it’s real proportion, please! There are nice but very limited!

  69. For some reason the file won’t unzip. It keeps coming up with Unable to Expand…..(error 2 no such file or directory). All the other packs work fine except for this one. Very odd…

  70. Thanks guys. But a masonry grid would really be soooo great! Would help to use Divi in much many projects.

  71. We use DIVI – Just found this post as looking to showcase a gallery of our customers photos – undecided which layout style to go with but will give it a good go 🙂 x x

  72. Thank you so much Divi devs for all these amazing resources!

    There is one thing I have been trying to figure out if I can do, not only in Divi but in WordPress at all (without having to be a supercoder which I am the opposite from).. A ‘masked’ gallery where the images are displayed within a novel frame.

    Please take a look at http://paulrsargent.wixsite.com/sargentillustration/album-covers and see what I mean, this has obviously just been done in a free Wix site but I’m wondering if I can recreate a similar effect using Divi?

    Any ideas of the best way to achieve this? Thanks

  73. I’ve been playing with these amazing templates but I am stuck with something. I restructured the rows in gallery #5 to be 3 columns instead of 2 columns wide. However, the third column is displaying the text boxes as having borders, but all settings appear to be the same – what am I missing?

    http://paulsargent.xyz/logos-branding/

437,821 Customers Are Already Building Amazing Websites With Divi. Join The Most Empowered WordPress Community On The Web

We offer a 30 Day Money Back Guarantee, so joining is Risk-Free!

Sign Up Today

Pin It on Pinterest