Spacer Block

The spacer block in visual email editor in Noptin allows you to create space between two blocks.

To add a horizontal space (between blocks in a row), the spacer block has you covered.

Adding a Spacer Block

  • Open the email editor, click where you want to add the Spacer
  • On the left panel, select Spacer to add the block in the visual email editor
How to add spacer block
  • Alternatively, in the email editor, select the Spacer block from the options.

Block Toolbar Options

Transform

Convert the Spacer block into a Columns or Sections block.

Click on the Spacer button on the tool bar to open the options

how to transform the spacer block

Drag Icon

Move the block by clicking and dragging it to a new location.

Alternatively, use the arrow buttons on the tool bar to move the block up and down the editor

How to move the spacer block

Customization

On the right menu, select Settings (Gear button) and adjust the following accordingly

Height: Adjust the vertical space by typing a number or dragging the handle.

How to adjust the spacer height

You can change the unit (e.g., pixels, percentage) by clicking on the value.

Background Color:

Click on the Styles (Moon) button

how to change the spacer background color

Then adjust the background color of the spacer from the color picker