Ice Cream Layout

Demo

 Click on the button to open the demo and try the layout for yourself.

Description

This ice cream gallery layout can be used as:

• image gallery
• video
• portfolio
• references
• …

The grid elements, always remain squares. So it’s fully responsive and looks perfect on Desktop, Tablet and Phone.

The grid is done with CSS grid and is fully customizable. You can also add other grid forms like 2×2, if you like.

The filtering only works with the Premium version of the Divi Filter Plugin and is not automatically included with the layout.

Free with the Divi Filter

If you get Divi Filter Premium, then this layout will be included for free.

Installation

1. Create a new page with Divi
2. Click on “Portability” (the two arrow icon)
3. Go to the “Import” tab
4. Drag or select Json file
5. Check “Import Presets”
6. Click “Import Divi Builder Layout”

Styling

Where is the CSS?

The CSS is located at the heading. So before removing the heading, please make sure to move the Code module.

Remove padding

If you want to make the images full width, just add this CSS:

.df-area .et_pb_image {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}