How to Make Perfect Image Grids in Elementor - WpBuilt 1350476922971574723
How to Make Perfect Image Grids in Elementor

How to Make Perfect Image Grids in Elementor

In this tutorial, I’ll be showing how to make perfectly aligned un-equal grids (hence the title of this tutorial post) without code, using solely the widgets of Elementor. You should be able to do something like afterward:

How to Make Perfect Image Grids in Elementor3

Now, let’s begin!

Step 1: First, create a section.

How to Create Icon Only Buttons5

Step 2: Then, add your desired column. For the sake of this tutorial, I will choose a four-column structure.

How to Make Perfect Image Grids in Elementor4

Step 3: Then inside each column put an inner section, just duplicate the inner section on the third column.

How to Make Perfect Image Grids in Elementor5

Step 4: Drag some text editor widget on each inner section column.

How to Make Perfect Image Grids in Elementor9

Step 5: Then let’s add some background image to each inner section.

How to Make Perfect Image Grids in Elementor1

Step 6: Now let’s adjust the width of each column based on the image below:

How to Make Perfect Image Grids in Elementor8

Step 6: To set the width of each column, click on the column before the inner section. Please note that it’s up to you what layout do you want to have on each column:

How to Make Perfect Image Grids in Elementor7

Step 6: Now we’re going to set the height of each column.Go to the element were you inserted the background image, the inner section widget and adjust the padding of the section until all columns have equal height:

Step 6: Copy and paste the CSS snippet below:

Now we’re done!

How to Make Perfect Image Grids in Elementor3

Thanks for Reaching This Far! 🙂

I hope we were able to help you with this tutorial! You can also try to install the Elementor Pro Version and get access to more Elementor templates for free!

Get Elementor Pro Now

If you have more concerns or have encountered other issues, let us know in the comments section!

Leave a Reply

×

Cart