Adding Layout: arranging text and images in columns

Need to place an image next to text, create columns of content, or display multiple images side by side? With Qwilr’s Layout Widget, arranging text and images just got easier!

In this article:

• Adding the Layout widget
• Resizing the Layout widget
• Moving, cloning, and deleting the columns
• Resizing the columns
• Deleting the Layout widget

Adding the Layout widget

You can place the Layout Widget in any type of block except the Embed Block. You can also use as many Widgets in a Block as you'd like!

To add a Layout Widget, click on the  + symbol. (If you don't see that symbol, try hitting the Return key to add a new line.) From there, choose Layout from the menu.

You will be prompted to choose how many columns to start with. You can change that number by deleting or adding columns later on.

The column allows you to add various elements such as an image, video, button, Google Map, divider, or embedded content.

Resizing the Layout widget

To resize the widget, click on it first, then select Edit Layout.

This allows you to adjust the Spacing, including outer padding (which affects the space around the widget) and column gaps (which control the space between columns), as well as Alignment options such as top, center, or bottom.

Click Done once you're finish with editing layout.

Moving, cloning, and deleting the columns

To move a column, click Edit Layout, select the column you want to move, and choose either Move Column Left or Move Column Right

If you wish to clone or delete the column, the steps are similar. Tap on Edit Layout, select the column, and choose the preferred option.

Don't forget to click Done once you're finished with your changes!

Resizing the columns and image

To resize a column, tap on Edit Layout and hover over the right or left edge until a straight blue line appears. Click and hold the edge to adjust the size.

If you made resizing changes you'd like to revert, simply click the Tidy button to restore the columns to their original size.

Deleting the Layout widget

When you delete a Widget, all content in it is deleted and can't be recovered. If you need to keep the text, you might want to copy and paste that somewhere else first. (If you've added an image to the Widget, it's already stored in your Image Library.)

To delete the Widget, click on its top edge. Then click the Delete icon.

Questions? Contact us at [email protected].