Slide editors

You can see six buttons on each slide. These are for: adding an image, thumbnail, layers, caption, HTML content or changing the slide's content type.

If you click on each of these buttons, a certain modal window will be opened, that allow you to make the respective edits.

Image editor

It consists of 2 sections: the Image section, which allows you to set the slide's main image, and the Linksection, which allows you to set a link for the slide's image.

Note: When you select an image from the WordPress Media Library, also select the most appropriate size for it in the Media Library's right sidebar, under ATTACHMENT DISPLAY SETTINGS . You will want to select an image size that is similar to the slide size.

Thumbnail editor

It's similar to the 'Image' editor but it consists of 3 sections: the Thumbnail Image section, which allows you to set and image for the thumbnail, the Thumbnail Link section, which allows you to set a link for the thumbnail image and the Thumbnail Content section, which allows you to add text or any HTML content inside the thumbnails.

If you want to add both text and an image, you can use the [sp_thumbnail_image] shortcode to insert the thumbnail image loaded in the Thumbnail Image field inside the thumbnail content. You could also manually create the image by using HTML.

Thumbnail images can also be created automatically by checking the Auto Thumbnail Images option from the Thumbnails sidebar panel. The Thumbnail Image Size option from the same sidebar panel allows you to select what image version will be loaded as a thumbnail. If you would like to use a different size than those that are available, you can use a plugin, like Simple Image Sizes, that will allow you to create additional size versions for the images.

Layers editor

It allows you to add static or animated layers. You can select from several layer types: paragraph layers, which allow you to add simple text paragraphs, heading layers, which allow you to add headings (e.g., H1, H2, H5, etc.), image layers, for adding images, video layers for adding several supported video types, and DIV layers, for any other HTML content.

After you add a layer, a group of settings will appear for that layer, allowing you to set the layer's position, size, animation effects and more. The name of the settings are intuitive and there's also inline information for those settings that have more complex roles.

It's possible to set the depth of the layers by sorting them in the list of layers from the left side.

Caption editor

It allows you to add a caption for the slide. Captions will be visible one at a time and will be displayed below the slides.

HTML editor

It allows you to add any HTML content. Please note that HTML content added in this section will not be responsive by default. You will need to use custom CSS to make it responsive. If you want your content to be responsive automatically, you can add it in the Layers section, as layers are set to be responsive automatically.

Settings editor

It allows you to change the slide's content type. By default, the Content Type setting is set to Custom Content , which allows you to manually set the slide's background image and all the other content. TheContent from Posts option will enable the slide to load featured images and other content from posts, the Images from Post's gallery option will fetch images added through a [gallery] shortcode, and Flickr images will load images from Flickr.

Have more questions? Submit a request


Article is closed for comments.
Powered by Zendesk