Adding Layout: arranging text and images in columns
Want to arrange your text and images easily on your Qwilr page? Let's get into using the Layout widget!
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].