How to add background images to content in Setka Editor.
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:
Video tutorial on how to work with background in Setka Editor
You can add background images to a grid or column. Click on the Image button
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
- For the selected grid (Grid > Background):
Background settings in the column tab in Setka Editor Upper Toolbar
- For the selected column (Column Tab > Background):
Background settings in the grid tab in Setka Editor Upper Toolbar
Switch between tabs in the horizontal menu to edit elements in each object
Video tutorial on how to switch between tabs in the Upper Toolbar to change settings for various elements (gird, columns, nested grids or paragraph)
To add images to your post, you need to upload them from your files. Click the Add Image button
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
You can set the background image as a tiled repeat (Image repeat) both horizontally and vertically.
Background image positioning and scale settings in Setka Editor Upper Toolbar
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).
Video tutorial on how to add an image background to content in Setka Editor and how various background image positioning and scale settings work
You can also decide whether to show a background image on mobile (Show background on mobile > on/off).
In the Background menu, click the No background button
to remove the image and set a transparent background.