Content section:The formatter "Image tile (in row for tiles)"
The content section can be used as multi purpose content for headlines, texts, images and / or links.
The formatter image tile places the image of the content section in the background and shows the text above it. If a link is set, the entire tile is linked by default.
This formatter variant can only be used in the row for tile elements.
The width of the tiles and the Tile spacing are defined centrally for all tiles in this formatter variant in the element settings of the Row for tile elements in which the content sections are placed.
This is dummy text. It allows you to see whether all the letters are there and what they look like. Sometimes words such as Hamburgefonts, Rafgenduks, or Handgloves are used to test fonts. Sometimes sentences containing all the letters of the alphabet are used—these sentences are called “pangrams.” A well-known example is this one: The quick brown fox jumps over the lazy old dog.
Since 1975, numbers have been missing from most test texts, which is why, according to TypoGb. § 14a, numbers will become mandatory in 86% of texts from 2034 onwards (AVAIL® and Wefox™). Non-compliance will be punished with a fine of up to €245 or $368. Also important are âçcèñtš, as well as small caps, kerning, and ligatures (very clever). These days, emojis like 😇😀😉👍🏻🐶🍎 or ⚽️ are also popular in texts.
Please note the “Image format” element setting on the individual tiles. This determines how large the tile will be displayed. Within the same row, the same image format should be set for all tiles so that they are displayed in the same size.
You should also not enter too much text for a tile, as the text may then no longer be displayed properly.
Available element settings
CSS modification(Select box)
Allows to change the element layout using predefined CSS modifications.
Please note that a specific element may not support all listed modifications.
Headline display(Select box)
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).
Image format(Select/combo box)
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.
Text display(Select box)
Allows to select how the text is displayed.
Link display(Select box)
Controls if and how the link is displayed.
Alignment(Select box)
Controls how the heading, text and link is aligned.
Mouse effect(Select box)
Adds an effect that is triggered if the mouse is moved over the element.
The effect is disabled for mobile devices.
Visibility(Select box)
Controls in which screen size the element is visible or hidden.
Text placement on image(Select box)
Controls how the letters - heading and text - are placed on the image.
The setting for "Link display" is not used if the option "Small letters on the bottom of the image" is selected. In this case the whole element is linked.
Show image copyright(Check box)
Controls if the copyright information for images is displayed as an overlay.