Articles on: Site editing
This article is also available in:

Managing elements

Once you've added new elements to your blocks, you can further access their settings to duplicate, delete, or edit them. Each item has its own settings, but there are basic actions that can be applied universally. Also, if you're planning to add several elements to the block — for example, image, text, and buttons — it will be more convenient for you to place them in separate columns. This way, you can adjust the position of each element or change the size of its placeholder.

Follow the instructions below to learn how you can manage your elements or columns in a block.

Managing elements



Firstly, hover over the element and click on the three dots at the top right corner to delete or duplicate it:



Drag the element to a desired position by clicking on the direction arrows icon in the top right corner of it:



Note: You can move the elements only within the particular block they are added to.

Managing columns



Columns allow you to organize your elements within the block and make each of them an independent item that can be easily adjustable.

Watch our short video tutorial about the columns:



Adding columns to a block



For that, hover over the particular column and add a new one by clicking on the "plus" sign near it:



You can adjust the width of the columns using the dividers that are placed next to them. To do this, hover over the empty space between the columns, click on the divider and drag it to the needed direction:



You can also delete or duplicate each column by clicking on the three dots at the top right corner:



Changing the layout of a column



To access the settings of a column, hover over it and click on the "gear" at the top right corner:



In the Layout tab you can change the gap between the columns in the block, the alignment of the elements in this column, set the paddings between the edges of the column and the element in it or change its style — whether the rounded corners will be applied to the column:



Important: The paddings or style parameters can be applied only if the background is active.

Changing the background of a column



To access the settings of acolumn, hover over it and click on the "gear" at the top right corner:



Navigate to the Background tab in the settings and add color or image background to the column:



When you set a photo as a background of the column, you will see more customization options — e.g., applying filter or color correction:



Tip: Some blocks on our platform can contain collection items. Check the Collection items settings article to see how you can edit these elements.

Updated on: 12/05/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!