Images

In order to add an image to the post, you first need to add it as a file. In order to add an image, click [add image] on the toolbar on the right, select and upload the required file. 

 

 

How to insert an image into a post?

To insert an image into the post, select a paragraph by placing cursor on it, then click on the uploaded image in the right toolbar. 

How to change an image?

Change images promptly: click on “Change image” button Screen_Shot_2017-09-14_at_15.55.24.png in the right bottom corner and select another image in your Images. Once clicked, it is replaced.

 

 

    

How to view the full-sized image?
Click [add image], then click the [preview] icon in the right part of the uploaded image. It will open in a separate tab in your browser.

 

How to get the link to an uploaded image?
Click [add image], then click the [link] icon in the right part of the uploaded image. You will see the link to it in a popup window.

 

How to add a gallery?*

Upload images on the toolbar to the right of the preview window, click [add image gallery], select the displayed window in the post area and select the images you need.

A gallery can be also inserted into a grid column.

*Galleries are available only on Pro plan.

 

How to adjust indentations below an image?

Click Image > Bottom Indent. You can specify the indent size in pixels (px). You can also press CMD + (up/down arrow).

 

How to add a caption to an image?

Add caption with Caption on button Screen_Shot_2017-09-14_at_15.55.17.png on the bottom right corner of the selected image.

Click on Caption off if you do not need a caption under your image.

 

How to edit captions under images in a post?

Captions can be located under the image at the center, on the right or on the left. Moreover, they can be written in italic or bold font. In order to edit a caption, select it in the post area by clicking it.

Click Caption > Caption align and select the required type of alignment on the top toolbar. Align text at the center, on the left, on the right or by post width.

Click Caption > Caption styles and select the required style: bold, italic or underlined.

 

How to transform an image into a link?

Select an image by clicking it, open the Image tab and insert the link into the Link field.

 

How to create an anchor for the image?

You can create a bookmark not only for the specific section on the page, but also for the image.

Open the Image tab and name the image in the Anchor name field. In order to return to it from another part of the text, click Selection, then select the specified name in the Anchor menu. This is useful if you are adding infographics or a map, so user can be navigated on the page while reading.

 

Сan I upload .PDF to my post?

No. Permissible image formats are as follows:

.jpeg, .gif, .svg, .png.

You can upload .pdf or any other file to your web server using FTP or by means of your CMS. Then you can assign it’s url to any object on the page in the Setka Post Editor.

 

What are overhangs?

Overhangs are when content is added to indents. They can be added for tables, images and embeds.

When formatting a post in Setka Editor, left and right indents from the post edge to the content are added.

Overhangs are disabled by default (Overhangs > none). For each individual element you can specify overhangs for both sides (to the left and to the right) or for one side (only to the left or only to the right). The overhang size depends on the margins in the selected style (for example, if margins = 0, overhang also = 0). For mobile devices, indents from the post edge are equal to 10 px on both sides. In order to remove indents, click Overhangs > both.

 

 

How to set a fullscreen image?

Setka Editor is a post editor, so it works only with post content.

An image inside a post or a background image can not go beyond a post content width. A post width is defined by a WordPress theme you use. If a post content width is constrained by sidebars or other theme settings, you can set 100%-width for your post by installing special plugins – Fullwidth Page Templates, or manually editing css-files of your WordPress-theme.

After having stretched your post width to the page width you will be able to use full screen images.

 

How to set a background image?

Learn how to set a background image for the post, grid or column from this article.