> For the complete documentation index, see [llms.txt](https://setka.gitbook.io/help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://setka.gitbook.io/help-center/setka-post-editor/adding-background-images.md).

# Background images

## How to add a background image? 

Setka Editor uses a nested structure for post content. Smaller objects are placed or nested inside larger ones. For example, a column is nested in a grid, and a grid is nested in the post.

Please see this short tutorial video to learn all about working with backgrounds in Setka Editor:

{% embed url="<https://drive.google.com/file/d/1-jmtAygmQVB8S6rlSssfInhbAdGTgqMl/view?usp=sharing>" %}
Video tutorial on how to work with background in Setka Editor
{% endembed %}

You can add background images to a grid or column. Click on the **Image** button <img src="/files/-MQi5ltQnMjOxFKhr8ns" alt="" data-size="line"> under the background in the columns or grid tab in the Upper Toolbar and upload an image from your desktop.

![Image Background settings in Setka Editor Upper Toolbar](/files/-MQiCA0GvAoUFht_n_zx)

* For the selected grid (**Grid** **>** **Background**):

![Background settings in the column tab in Setka Editor Upper Toolbar ](/files/-MQi5NzxY95pKU8QGbco)

* For the selected column (**Column** Tab > **Background**):

![Background settings in the grid tab in Setka Editor Upper Toolbar ](/files/-MQi5R_Hk1SzM9RnThc7)

Switch between tabs in the horizontal menu to edit elements in each object

{% embed url="<https://drive.google.com/file/d/1-cZAfZJCS5d2EeOnQZ5QIitfP-QHtQB6/view?usp=sharing>" %}
Video tutorial on how to switch between tabs in the Upper Toolbar to change settings for various elements (gird, columns, nested grids or paragraph)
{% endembed %}

### How do I upload an image?

To add images to your post, you need to upload them from your files. Click the **Add Image** button <img src="/files/-MQi5ltQnMjOxFKhr8ns" alt="" data-size="line"> in the Side Toolbar (on the right) and click Upload to browse images on your computer. Please select one and click **Open** to upload it into the Editor.

![Panel with Images and the Upload button in Setka Editor Side Toolbar ](/files/-MQgdMOjbj8GIg3zDrWZ)

{% content-ref url="/pages/-MQPVnTJtTRUatOJ58zr" %}
[Images](/help-center/setka-post-editor/images.md)
{% endcontent-ref %}

### Background image scale and position

You can set the background image as a tiled repeat (**Image repeat**) both horizontally and vertically.&#x20;

![Background image positioning and scale settings in Setka Editor Upper Toolbar](/files/-MQiIuEhwb4KfxspuDDc)

You can also select between original size, fill and fit scale options (**Image scale**) as well as fix (**Image scroll > fixed**) or scroll the background image (**Image scroll > scroll**). Set an image position inside a selected element (**Image position**).

{% embed url="<https://drive.google.com/file/d/1-fY3P-S1Z9fBeGYvLNJRPnYTkflQlvXi/view?usp=sharing>" %}
Video tutorial on how to add an image background to content in Setka Editor and how various background image positioning and scale settings work
{% endembed %}

You can also decide whether to show a background image on mobile (**Show background on mobile > on/off**).

### How do I remove a background image?

In the **Background** menu, click the **No background** button <img src="/files/-MQi5_DMxAmFV7XvCB_N" alt="" data-size="line"> to remove the image and set a transparent background. &#x20;