Skip to content

Content section:The formatter "Link box with image"

The content section can be used as multi purpose content for headlines, texts, images and / or links.

The formatter link box with image displays the content section with heading, text, image and link. The entire content is linked as a single area. The arrangement of the image and text can be adjusted using the element settings.

Available element settings

Allows to change the element layout using predefined CSS modifications.

Please note that a specific element may not support all listed modifications.

Controls how the heading, the image and the text are arranged.

Controls if and how the headline is displayed.

In addition to the display size the importance of the headline is relevant for search engines (SEO).

Allows to select how the text is displayed.
Controls if and how the link is displayed.
Controls how the heading, text and link is aligned.

Controls if and in which size the image is displayed for small "mobile" size screens.

In this case, "mobile" means screen size XS and SM.

Controls if and in which size the image is displayed for large "desktop" size screens.

In this case, "desktop" means screen size MD, LG, XL and XXL.

The image format for small screens like smartphones.

Allows you to set the image size based on common formats.

The image will automatically be scaled so that the original pixels are best fitted to the selected target format.

Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.

The image format for large desktop screens.

Allows you to set the image size based on common formats.

The image will automatically be scaled so that the original pixels are best fitted to the selected target format.

Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.

Adds an effect that is triggered if the mouse is moved over the element.

The effect is disabled for mobile devices.

Controls in which screen size the element is visible or hidden.

Controls if the copyright information for images is displayed as an overlay.

If available, the image title is displayed below the image.