Columns

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″]

Schreibe einen Kommentar