Support Center

Working with Images - Text & Image Editor

Last Updated: Jun 26, 2018 10:18AM EDT

Using the Text and Image editor, you can illustrate your text content with images, creating visually attractive articles and presentation pages. To add an image go to Left Menu > Elements and drag-and-drop either Text and Image (if you will want some text to go along with your image) or only Image element. Once added, click on the default image and an Image upload panel will open on the right.



Images can be Uploaded using one of three methods.

  1. Drag & Drop images from local folders, or other web pages into the properties panel.
  2. Browse images from the local files on your computer by clicking inside the add image area.
  3. Add from URL for an image published on another site. Just copy the address of the image, paste it inside the URL field and click Add Image.

* Images with a pound sign "#" or a questions mark "?" in their name can only be uploaded through Drag & Drop or URL.

Or, switch to the Image Library tab and choose from an array of Stock images.

Once you upload an image it will be automatically set to the system default size. Choose from 3 predefined image sizes: small (150px wide), medium (250px wide) and Actual, or define your own (Custom size). Even though an image may be resized, the system maintains the original image so it can be adjusted later. All resized images will appear with enhanced detail on a high resolution retina display.

Clicking on an image will open the Image Properties panel to the right.

You can change the selected image at any time by clicking on the Change button. Choose Edit and the image will open in an external editor where you apply basic image editing such as crop, flip, rotate, resize, and limited special effects.

The Mouse-over caption field allows you to specify some description text related to the image that will appear when a user places their cursor over the image. The rollover captions also have a role for the proper search engine optimization of your website, so it is recommended to add them for key images on your pages.

With the last default option, we can choose between three Image Alignment and Text Flow styles for each image.
  • no wrapping
  • left wrap
  • right wrap

Liquid error: undefined method `gsub' for nil:NilClass
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found