This is a fundamental challenge is that this represents some of the basic functionality of Avada, but if you are new to it might not be “common sense.”
To create a three column layout with the columns being equal width and height do the following:
- Add a new three column container. This will take care of equal width and spacing of the columns.
- In the column alignment settings of the container, set this to stretch*. This will keep the columns at the same height. You can override this at the column level in the event you need to add a column that you don’t want to have the same height – I would recommend a new container for ease of maintenance. You can also do this using the stretch setting in each column, but then you have to edit each column.
Use the “Stretch” setting either in the container (shown here) or column.
*Note: In the legacy mode (Avada version 6 and older) this was accomplished by setting the content to equal heights.
There are several settings to adjust how the column is laid out. In this example I only adjusted the padding – I do this on all columns. You can adjust the gap between the columns using the column spacing or you can set the gap defaults in the Avada Options. The key to maintaining the symmetry you have created is tho make sure the settings are the same in each column. I normally do this by styling one column, cloning it, and then adding the content.
Adjusting the spacing on columns is easy using the design settings.