Adding Columns: arranging side-by-side content on Qwilr
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
- What can go inside a 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.
What can go inside a Columns widget?
Inside of a columns widget, beyond adding text, you can add several types of content, including other widgets, inside of a column. Start by clicking the plus-sign inside of a column and then see your menu below:
From there you can access and insert the following content. (note: the below hyperlinks open up to separate help articles).
- Images*
- Accordions
- Videos
- Icons
- A Divider line
- iFrame Embeds
- Clickable Buttons
- Google Maps
- Our ROI Calculator
Below is an example of adding an accordion widget inside of a columns widget.
Resizing the Columns widget
To resize the widget, click on it first, then select Edit Columns.
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 help@qwilr.com.