# 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="https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQi1Ua3LTzLQwfc1wm4%2F-MQi5ltQnMjOxFKhr8ns%2FAdd-Image-Icon-Side-Toolbar-Setka-Editor.png?alt=media&#x26;token=a3528581-5461-4e5a-9cbd-71999c7a3638" 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](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQi6E1IpElTHQt0SKLf%2F-MQiCA0GvAoUFht_n_zx%2FBackground-Image-Settings-Upper-Toolbar-Setka-Editor.png?alt=media\&token=5c93d658-04f9-418a-b86b-0e51269b652e)

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

![Background settings in the column tab in Setka Editor Upper Toolbar ](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQi1Ua3LTzLQwfc1wm4%2F-MQi5NzxY95pKU8QGbco%2FGrid-Tab-Setka-Editor-Upper-Toolbar-Background-Settings.png?alt=media\&token=798d4944-056d-45af-86eb-43526909d317)

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

![Background settings in the grid tab in Setka Editor Upper Toolbar ](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQi1Ua3LTzLQwfc1wm4%2F-MQi5R_Hk1SzM9RnThc7%2FColumn-Tab-Setka-Editor-Upper-Toolbar-Background-Settings.png?alt=media\&token=9b05e457-6c33-43a8-b3c8-703b1832e601)

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="https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQi1Ua3LTzLQwfc1wm4%2F-MQi5ltQnMjOxFKhr8ns%2FAdd-Image-Icon-Side-Toolbar-Setka-Editor.png?alt=media&#x26;token=a3528581-5461-4e5a-9cbd-71999c7a3638" 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 ](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQga9pPIydZhwITSecC%2F-MQgdMOjbj8GIg3zDrWZ%2FUploading-an-Image-in-Setka-Editor.png?alt=media\&token=358e4ad6-d731-4744-b546-f4b0f441da7c)

{% content-ref url="images" %}
[images](https://setka.gitbook.io/help-center/setka-post-editor/images)
{% 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](https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQiEWiMpSJzNv76Cdj0%2F-MQiIuEhwb4KfxspuDDc%2FBackground-Image-Positioning-Settings-Setka-Editor-Upper-Toolbar.png?alt=media\&token=2359e1f3-9105-47f8-a699-0e8bd26a1646)

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="https://1843290185-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLOEPbfEK4119w2ROYc%2F-MQi1Ua3LTzLQwfc1wm4%2F-MQi5_DMxAmFV7XvCB_N%2FNo-Background-Icon-Setka-Editor-Upper-Toolbar.png?alt=media&#x26;token=0b7d354c-b26e-4646-acac-653d061642ce" alt="" data-size="line"> to remove the image and set a transparent background. &#x20;