Step 1 – Create a new page, and add a container and a column choice using the Avada Builder. Inside the column, add a ‘Text element’.
Step 2 – In the ‘Number of Inline Columns’ option, set the number of columns the text should be broken into. You can choose from 1 to 6. The default selection of 1 for this option is the default Text Column Element. Choose more than one, for example, 2-6 and additional options will be displayed. Note: This feature is designed to be used for running text, images, dropcaps and other inline content. While some block elements will work with it too, their usage is not recommended, and others can easily break the layout.
Step 3 – Set the minimum width for each column through the ‘Column Min Width’ option. This allows your columns to gracefully break into the selected size as the screen width narrows. Leave this option empty if you wish to keep the same amount of columns from desktop to mobile.
Step 4 – Set the ‘Column Spacing’ option, this will control the column spacing between one column to the next.
Step 5 – Set the ‘Rule Style’ of the vertical line between columns. Choose between None, Solid, Dashed, Dotted, Double, Groove, or Ridge. Some of the styles depend on the rule size and rule color.
Step 6 – Next, set the ‘Rule Size’ option, which sets the size of the vertical line between columns. The rule is rendered as “below” spacing and columns, so can span over the gap between columns, if it is larger than the column spacing amount. It can be set from 1 to 50.
Step 7 – Set the ‘Rule Color’ option to your preferred color. This controls the color of the vertical line between columns.
Step 8 – You can add your content in the Content’s Visual/Text editor.
Step 9 – Once done, save the Text element and the page.