Crea­te up to 4 columns in the pages. The screen will give you opt­ion of selec­ting a row with 2,3 and 4 column but you can furt­her edit to crea­te row with other com­bi­na­tions like row with “3/4 and 1/4”, “2/3 and 1/3”, etc. You can insert ima­ges, texts or other short­co­des ins­ide columns.

screen-column

[tx_divider size=“24”]

Some examp­le are :

1/2–1/2 Column

[tx_row]
[tx_column size=“1/2”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/tx_column]
[tx_column size=“1/2”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na..
[/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”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/tx_column]
[tx_column size=“1/3”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/tx_column]
[tx_column size=“1/3”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na..
[/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”]

Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.

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

Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.

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

Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na..

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”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/tx_column]
[tx_column size=“1/4”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/tx_column]
[tx_column size=“1/4”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na..
[/tx_column]
[tx_column size=“1/4”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na..
[/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”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/tx_column]
[tx_column size=“1/3”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/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”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/tx_column]
[tx_column size=“1/4”]
Lor­em ipsum dolor sit amet, con­sec­tetur adi­pis­cing elit. Nul­la in eros vel ligu­la pul­vi­nar vehi­cu­la a non ipsum. Mor­bi fini­bus, erat vitae con­di­men­tum tem­pus, velit tel­lus dign­is­sim sem, sed pel­len­tes­que nul­la nisl ali­qu­am mag­na.
[/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”]

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.