Consistent Images by changing the display area of an image (Drag-drop/Contentbox)

If you are displaying images in a row with varying dimensions, the crop wizard allows you to crop all of the images in one go, to a range of standard shapes. The original image file is not changed; the unwanted edges of odd sized images are simply visually hidden.

Hover over one of the images, click the crop icon to open the crop image wizard.

To crop all of the images at once, the blue slide tab must be shown. By hovering over each IMAGE ASPECT / SHAPE, you can view in realtime what your photos would look like. Click upon your chosen shape and out of the wizard box to make the changes. 


Changing the viewed area of a cropped/clipped image

By default cropped/clipped images are centered within the viewable area. You can change the image position to any of the corners or edges e.g. LEFT TOP, BOTTOM CENTER to reveal a different part of the image via the IMAGE POSITION dropdown.


Custom image heights

Using the shape option CUSTOM HEIGHT allows you to change the height of the cropped image via the IMAGE ASPECT HEIGHT dropdown.


Options for mobile

You can override the desktop setting for Mobile using one of the preset mobile options available via the MOBILE IMAGE HEIGHT dropdown.


Cropping / Resizing the original image

While this editor popup only crops/clips the image without touching the original image, you can crop the original image file via the  CROP / EDIT IMAGE FILE button at the base of the popup.

More From This Section

Here are the correct file formats and sizing requirements for uploading images to your website.
The stylemodal popup provides some information about the size of your uploaded image and its size in the website
The crop image wizard can help you to crop the display area of a set of images at once for image dimension uniformity.
By default images scale to fit the available column width, but if your image is smaller than the available area you can disable the scaling using the crop icon.
You can use the cropping engine when uploading or editing an image to permanently crop the image to a fixed height and width
With the Drag-drop and Contentbox editors you can add a colour overlay to your image.
As well as image size warnings that appear when using the Crop/resize Image wizard. The system provides warnings of oversized content when using the CMS.
One option to reduce the file size of large images is to resize them. This will not crop the image only change the dimensions/quality of the image.
Why are my thumbnail images so blurry? This depends on your website template, and layout chosen, along with thumbnail settings.
You can add alt text via the SEO area of the Style Editor popup
Here is how to add alt text to images when using the TINYMCE editor.
Banner images set via the DESIGN > BANNER area can have Alt-text applied.
It is possible to have the text wrap around images in the Drag-drop and Contentbox editors.

FAQ Topics

Search for help:

> Home