> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Managing elements

Once you've added new items to a column, you can manage them –  clone, copy, delete, or edit them. Each item has its own settings, but there are common actions that can be applied across the website. 

Follow the instructions below to learn how to manage elements and columns in a block.

Contents:
[Managing elements](#1-managing-elements)
* [Cloning an element](#2-cloning-an-element)
* [Copying an element](#2-copying-an-element)
* [Deleting an element](#2-deleting-an-element)
* [Moving an element](#2-moving-an-element)
[Manage columns](#1-managing-columns)
* [Adding columns to a block](#3-adding-columns-to-a-block)
* [Changing the appearance of a column](#3-changing-the-appearance-of-a-column)
* [Changing the background of a column](#3-changing-the-background-of-a-column)

${youtube}[Managing elements](6F_2F81NLv0)

# Managing elements

## Cloning an element

Move the cursor over the element and click on the three dots, then select **Copy** from the drop-down list:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/keruvannya-elementami-angl-1_i54q5r.png)
## Copying an element

1. Move the cursor over the element and click the three dots, then select **Copy** from the drop-down list:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/keruvannya-elementami-angl-2_1mnr1t7.png)
2. To paste the copied element, click on **Add an element** in the desired location and select **Paste**:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/keruvannya-elementami-angl-3_16d5sl7.png)
... or hover over the element you want to place the copied element under, click on the three dots, and select Paste from the drop-down list:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/keruvannya-elementami-angl-4_5v67ff.png)
|| ${color}[#ffa800](Note:) For more information on copying elements, please [see our article](/en-us/article/copying-elements-vnmzsz/).

## Deleting an element

Move the cursor over the element and click the three dots, then select **Delete** from the drop-down list:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/keruvannya-elementami-angl-5_1j1scwb.png)
## Moving an element

Move the element to the desired location by clicking the arrow icon in its corner:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/keruvannya-elementami-angl-6_pzb5n8.png)
|| ${color}[#ffa800](Note:) You can only move elements within the block they are in.

| ${color}[#1aa900](Tip:) this function allows you to reorder elements, move them between columns, but the element will be tied to the block grid. If you want to move an element without being tied to the grid, you can make it [absolute](/en-us/article/absolute-positioning-of-elements-in-ordinary-blocks-180v5et/).

# 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:

${youtube}[Working with columns | Weblium website builder | Tutorials.](0IWyaEZbAL8)

### Adding columns to a block

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1005_139t3u8.png)

2. 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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1008_1fd71o1.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1009_d0jdam.png)

### Changing the appearance of a column

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1010-3_188rdsm.png)

2. 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:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-993_abzcp8.png)

|| ${color}[#ffa800](Important:) The paddings or style parameters can be applied only if the background is active.

### Changing the background of a column

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1010-3_qhlmm4.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-994_1l41byb.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-995_51y6jr.png)

| ${color}[#1aa900](Tip:) Some blocks on our platform can contain collection items. Check the [Collection items settings](https://help.weblium.com/en-us/article/collection-items-settings-b2rb1y/) article to see how you can edit these elements.