How do I move and adjust columns in Weebly?

To give your pages a well-organized look, you need to be able to organize columns to fit over, under and next to each other and it’s as simple as dragging things where you want them to be.

Blue border marks the column's boundaries

When you hover over a column, you’ll notice a blue border around the outside along with some buttons at the top. The border represents the boundaries of the column, and the buttons allow you to perform various actions. The center button is what you’ll use to drag the column to a new spot on the page.

 

Move columns

Click and hold on the white rectangular button at the top of the column and then drag it to the new position. A vertical line will show up next to different columns as you drag near them to illustrate where the column will land when you release it. Once you’ve dragged it to the right spot, simply unclick to release it and drop it into place. If this sounds tricky, take a look at the animation above to get a better sense of how it works.

 

 

 

Adjust size and position columns

You can position several columns next to each other across the page, but keep in mind that the columns will get narrower as you add more in order to fit on the page in a single row. You can drag the blue vertical lines between each column left or right to adjust the size and it will snap into place and automatically adjust the columns. Hold down the Shift button on your keyboard while you drag to get more precise control over the width. You can also adjust the spacing between columns using the options panel to increase or decrease the amount of space. If you don’t see the column options, mouse over the columns and click on one of the blue vertical lines to bring it up.

 

 

Move a column to a different page

Columns can be copied or moved to different pages using the arrow on the upper left. Click on either Move or Copy and then choose which page to move or copy the column to.

 

Delete a column

You can delete a column and everything inside it using the x button in the upper right. Be careful with this option - it can’t be undone!

 

 

This article is not yet rated.

Login to give us feedback


Processing...