Adding Columns: arranging text and images

Want to arrange your text and images easily on your Qwilr page? Let's get into using the Columns widget!

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

In this article:

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

Adding the Columns widget

You can place the Columns Widget (previously 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 Columns 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 Columns 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 Columns 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 finished with editing.

Moving, cloning, and deleting the columns

To move a column, click Edit Columns, 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 Columns, 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 Columns 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 Columns 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].