Adding or removing a column from a Snippet Block

You can add a column to a snippet block by duplicating an existing column.

Hover over the column and click the GREY + ICON in the top-right of the column area.

In the example below clicking the icon will remove the middle column and content, changing the snippet to a 2 column Snippet Block.

Hover over the column and click the ORANGE X ICON in the top-right of the column area.

More From This Section

How to add Rounded Corners and Borders

You can add rounded corners and borders via the Style Editor popup.

Changing a Snippet Block background colour with the Colour Editor

Adding or removing a column from a Snippet Block

You can add or remove columns using the + and X column tool icons

Reordering Columns

You can move columns left/right within the Snippet Block

Resize Columns

You can resize columns within the Snippet Block

Hiding Icons in the editor for distraction free editing

If the icons are getting in the way of your editing you can quickly toggle them by double-clicking in the editor

Adding custom classes or CSS rules to a snippet block

You can edit the HTML manually via the row-tools or via the Style Modal popup.

Changing the outer width of a snippet block

By default the width of the snippet blocks attempt to stretch to the full width of the content area, but you can set a max-width.

Style and reposition Column content via Column Formatting Effects

Within the CROP EDITOR popup options is the ability to apply preset COLUMN STYLES to reposition column content.