Columns
The row, column, and center-align shortcodes that lay out content for Classic Editor users, with no WPBakery mapping.
row, column, and align_center are the plain-shortcode versions of WPBakery's own Row and Column, useful if you write content in the Classic Editor without the page builder. They have no WPBakery mapping; WPBakery users lay out columns with its native Row/Column elements instead (see Rows and columns).
Add it
These are shortcode-only: type them directly, or use the Highend Shortcode Generator button in the Classic Editor toolbar, which picks a preset column layout and inserts the matching row/column shortcodes for you.
The row shortcode
Wraps one or more columns. Every column must be inside a row.
margin_topTop margin. Enter a number for pixels, or a value with a unit (em, %, etc).
margin_bottomBottom margin.
Common settings
row also has Entrance Animation, Entrance Delay, and Extra class name (see the Elements overview).
The column shortcode
sizeThe column's width class. See Column sizes below.
margin_topTop margin for this column only.
Common settings
column also has Entrance Animation, Entrance Delay, and Extra class name (see the Elements overview). It has no Margin Bottom field.
Column sizes
Highend's grid has 12 columns, col-1 through col-12, and the columns in one row should add up to col-12. The Shortcode Generator offers these common combinations:
| Layout | size values |
|---|---|
| 1/1 | col-12 |
| 1/2 + 1/2 | col-6, col-6 |
| 1/3 + 1/3 + 1/3 | col-4, col-4, col-4 |
| 2/3 + 1/3 | col-8, col-4 |
| 1/4 + 1/4 + 1/4 + 1/4 | col-3, col-3, col-3, col-3 |
| 1/2 + 1/4 + 1/4 | col-6, col-3, col-3 |
| 3/4 + 1/4 | col-9, col-3 |
You aren't limited to these: any col-1 to col-12 combination that adds up to 12 works, so you can mix asymmetric widths like col-5 + col-7.
The align_center shortcode
Centers its content (text, an image, a button, anything) inside a hb-aligncenter wrapper. It takes no attributes.
[align_center]Enter content to align center.[/align_center]Shortcode
[row margin_bottom="20"]
[column size="col-4"]First column.[/column]
[column size="col-4"]Second column.[/column]
[column size="col-4"]Third column.[/column]
[/row]Tips
Combine row/column with Fullwidth Section or One Page Section to lay out content inside those deprecated shortcodes, since they don't include their own column system.