How to Create a Stacked Column Using Elementor - WpBuilt 1350476922971705023
How to Create a Stacked Column Using Elementor

How to Create a Stacked Column Using Elementor

In this tutorial, I’ll be showing how to create stacked columns solely the widgets of Elementor. You should be able to do something like afterward:

Creating a Stacked Column Using Elementor6

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 for displaying dynamic content, I will choose a one-column structure.

Step 3: From the Widget Panel, select the Inner Section Widget and drag it inside the column.

Creating a Stacked Column Using Elementor3

Then the structure will look like this:

Creating a Stacked Column Using Elementor7

Step 4: To add a new column inside the inner section, copy the parent column and paste it in the column of the inner section.

Creating a Stacked Column Using Elementor2

After following the steps above this should be the output of our stacked column!

Creating a Stacked Column Using Elementor5

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!

This Post Has One Comment

  1. Rylan

    Hey,

    Do you know if once you’ve pasted an inner section inside another like above, whether it’s possible to stack these? Duplicating the content doesn’t do anything, and i’d like one long column alongside four stacked boxes in a 2×2 formation.

    Cheers

Leave a Reply

wp-cta.png

Get your FREE Web
Design Brief Template

Get your FREE Web
Design Brief Template

×

Cart