Create up to 4 columns in the pages. The screen will give you option of selecting a row with 2,3 and 4 column but you can further edit to create row with other combinations like row with “3/4 and 1/4”, “2/3 and 1/3”, etc. You can insert images, texts or other shortcodes inside columns.

screen-column

[tx_divider size=”24″]

Some example are :

1/2-1/2 Column

[tx_row] [tx_column size=”1/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [tx_column size=”1/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..
[/tx_column] [/tx_row]

The code will look like:

[tx_row]
[tx_column size="1/2"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[tx_column size="1/2"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[/tx_row]


[tx_divider size=”24″]

1/3-1/3-1/3 Column

[tx_row] [tx_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [tx_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [tx_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..
[/tx_column] [/tx_row]

The code will look like :

[tx_row]
[tx_column size="1/3"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[tx_column size="1/3"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[tx_column size="1/3"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[/tx_row]
[tx_divider size=”24″]

1/3-1/3-1/3 Column with combination of images and heading

[tx_row] [tx_column size=”1/3″] 8
[tx_spacer size=”12″] [tx_heading style=”default” heading_text=”Heading One” tag=”h3″ size=”20″ margin=”18″ align=”left”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.

Know More..
[/tx_column] [tx_column size=”1/3″] 7
[tx_spacer size=”12″] [tx_heading style=”default” heading_text=”Heading Two” tag=”h3″ size=”20″ margin=”18″ align=”left”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.

Know More..
[/tx_column] [tx_column size=”1/3″] 2
[tx_spacer size=”12″] [tx_heading style=”default” heading_text=”Heading Three” tag=”h3″ size=”20″ margin=”18″ align=”left”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..

Know More..
[/tx_column] [/tx_row] [tx_divider size=”32″]

1/4-1/4-1/4-1/4 Column

[tx_row] [tx_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [tx_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [tx_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..
[/tx_column] [tx_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna..
[/tx_column] [/tx_row]

The code will look like :

[tx_row]
[tx_column size="1/4"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[tx_column size="1/4"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[tx_column size="1/4"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[tx_column size="1/4"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[/tx_row]
[tx_divider size=”24″]

2/3-1/3 Column

[tx_row] [tx_column size=”2/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [tx_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [/tx_row]

The code will look like :

[tx_row]
[tx_column size="2/3"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[tx_column size="1/3"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[/tx_row]
[tx_divider size=”24″]

3/4-1/4 Column

[tx_row] [tx_column size=”3/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [tx_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in eros vel ligula pulvinar vehicula a non ipsum. Morbi finibus, erat vitae condimentum tempus, velit tellus dignissim sem, sed pellentesque nulla nisl aliquam magna.
[/tx_column] [/tx_row]

The code will look like :

[tx_row]
[tx_column size="3/4"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[tx_column size="1/4"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/tx_column]
[/tx_row]
[tx_divider size=”24″]

Leave a Reply

Your email address will not be published. Required fields are marked *