Columns / cells

We prefer to use term “cell” instead of “column”, because in our themes you do not need to create separate rows when you want to have multi-column multi-row layout.

Ideally you’re simply adding common [dt_box] [/dt-box] wrapper around your cells, and you’re ready to go.
Actually, you do not required to add “dt_box” wrapper – theme can do it for you automatically. But your site may “flash” and realign during loading. So we strongly recommend you to use “dt_box” wrapper.

Here are buttons in the Text Editor responsible for adding cells and wrapper (fig. 1-1):

Fig. 1-1. Cells & wrapper buttons.

Fig. 1-1. Cells & wrapper buttons.

Lets create a simple layout (fig. 1-2):

Fig. 1-2. Columns.

Fig. 1-2. Columns.

For it we’ll need to add some shortcodes, like so:

2 columns in single row:

[dt_box]

[dt_cell width="1/2"]One half[/dt_cell]

[dt_cell width="1/2"]One half[/dt_cell]

[/dt_box]

2 columns row immediately followed by 3 columns row:

[dt_box]

[dt_cell width="1/2"]One half[/dt_cell]

[dt_cell width="1/2"]One half[/dt_cell]

[dt_cell width="1/3"]One third[/dt_cell]

[dt_cell width="1/3"]One third[/dt_cell]

[dt_cell width="1/3"]One third[/dt_cell]

[/dt_box]