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

Alternatively, in the email editor, select the Spacer block from the 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

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

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.

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

Background Color:

Click on the Styles (Moon) button

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

Related Guides

Social Icons Block
The Social Icons block in Noptin visual email editor allows you to add icons linking to your social media profiles or sites in the email. Adding the Block Navigate to the visual email editor Choose the Social Icons on the left panel to add the block into the email editor Alternatively, Click the “+” button in the…
Read More
Columns Block
The Columns Block allows you to add different types of columns to your email Adding Columns Select Columns: In the block, select the type of column you want to use. Add Content: Click within each column to add content. You can insert other blocks (like images, headings, or paragraphs) into each column. Increase/Decrease Columns Column…
Read More
Separator Block
The separator block in Noptin visual email editor creates a break between two blocks of content with a horizontal line. This helps create a separation between ideas or sections in your content or email Adding a Separator Block Open the visual email editor in Noptin On the left panel, Select Separator to add the separator block in…
Read More
Paragraph Block
The paragraph block is the building block for adding text content in the email editor. Adding the Paragraph Block Alternatively, click on the Add button (+) in the email editor and choose paragraph. Then add content Editing the Paragraph Block Adjust the typography, color, margin and boarders of the block. On the right menu, select…
Read More
Heading Block
The Heading block allows you to add HTML headings to your email. Headings communicate the agenda of your email or sub-headings summarize the paragraphs. Adding the Heading Block On the right panel select Heading to add the heading block in to the email editor. Alternatively, click on the Add Icon in the email editor and…
Read More
Image Block
The image block allows you to effortlessly add images to your email editor. Adding the Image To add the image to the email editor, click the Add Block button (+) and select image. Alternatively, select the Image block from the left panel Choosing the Image There are three ways you can choose an image to…
Read More
Raw Block
Despite Noptin email editor being visual, you can use raw HTML and CSS to modify various elements to your liking. Adding the Raw Code Customizing the Raw Block Add Your Code
Read More
Button Block
The button block allows you to add buttons in the Noptin visual email editor A button highlights a specific call to action (CTA) that you might want your readers to undertake Adding the Button Block Open the visual email editor in Noptin On the left panel, select Button Alternatively, in the email editor, click on…
Read More

Spacer Block

In this article

Adding a Spacer Block

Customization

Related Guides

Social Icons Block

Columns Block

Separator Block

Paragraph Block

Heading Block

Image Block

Raw Block

Button Block

Leave a Reply Cancel reply