To move a module once it’s on your page, hover over it and you’ll see a thick black grab-bar appear in the center top of the module. Click and hold on that grab bar. Now you can drag the module around.

You will notice black lines appearing between elements on your web page when you are dragging a module. These lines are there to guide you to the right place to drop your module.


Tip: If the black guideline extends across the entire width of the web page, then the dropped module will also span the entire width of the web page. If the guideline only appears above a smaller element, the dropped module will take on the width of that element.


Here’s an example using the Map module.

Example 1: Full width

If the guideline looks like this before you drop the module…


The module will span the entire page when it is dropped there.


Example 2: Partial width

If the guideline only appears above, for example, one of the team photos…

The module will drop only above that element, giving you a smaller map.



To line the team member images up with each other, but maintain that map size, you could add and adjust Spacer modules above the other two images:


Step 1: Drop the spacer above the image


Step 2: Drag the bottom edge of the spacer lower until your elements line up


Repeating the process above the third image lines up all the images again:


As we’ve just seen, the Spacer module is really useful for adding blank space to your page, resizing and positioning your other modules, while allowing your page background (if you have one) to remain visible.

The Breaker module can also be used to create visual breaks between elements. The Breaker adds a line between elements with small, medium and large padding options.

You can add Spacers and Breakers above, below or beside other modules. Use the guidelines to help you drop them in the right place. If you get a result that you didn’t want, you can grab and drag the module to try dropping it again, or delete the module and start over.

To delete a module, grab it as above, and drag it into the trash bin that appears at the bottom right of the page.

When you see the trash can fill with crumpled paper, drop the module.


Resizing modules:

There are several ways to resize elements on your page. One is by adding other modules around it to shrink its area, as shown above.

Some modules have a size option in the format toolbar. For example, the Button module has four choices of button size.

Other modules adjust their size based on how much content you fill them with, for example, the text module expands to contain the amount of text you add to it.



If you just want to add a little breathing room around your module, so that it doesn’t look like it’s pressed up against the adjacent element, use the Padding option in the module’s format bar. Padding options are: None, Small, Medium and Large.


Did this answer your question?