CSS modification (Select box)
(unselected) Background in highlight color (light grey) Background in theme color (Lila) Background in accent color 1 (Rosa) Background in accent color 2 (Neongelb) Background in accent color 3 (Magenta) Background in marketing color 1 (Neongrün) Background in marketing color 2 (Neonblau) Background in white (or page color) Grey border around image
Allows to change the element layout using predefined CSS modifications.
Please note that a specific element may not support all listed modifications.
Layout (Select box)
Image, Heading, Text Image left, heading and text right (in separate column) Image right, heading and text left (in separate column) Image left, heading and text right (floating around image) Image right, heading and text left (floating around image)
Controls how the heading, the image and the text are arranged.
Image size (mobile) (Select box)
Default of the selected layout About 8% (1/12) of the available width About 16% (2/12) of the available width About 25% (3/12) of the available width About 33% (4/12) of the available width About 42% (5/12) of the available width About 50% (6/12) of the available width About 58% (7/12) of the available width About 67% (8/12) of the available width About 75% (9/12) of the available width About 83% (10/12) of the available width About 92% (11/12) of the available width 100% (12/12) of the available width Hide the image
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.
Image size (desktop) (Select box)
Default of the selected layout About 8% (1/12) of the available width About 16% (2/12) of the available width About 25% (3/12) of the available width About 33% (4/12) of the available width About 42% (5/12) of the available width About 50% (6/12) of the available width About 58% (7/12) of the available width About 67% (8/12) of the available width About 75% (9/12) of the available width About 83% (10/12) of the available width About 92% (11/12) of the available width 100% (12/12) of the available width Hide the image
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.
Image format (mobile) (Select/combo box)
Use settings from content 1:1 - Square 4:3 - TV 3:2 - 35mm photo 16:9 - HDTV 2:1 - Double width 2,35:1 - Widescreen 3:1 - Ultra widescreen 35:45 - Passport photo (Portrait) 2:3 - 35mm photo (Portrait) Hide the image
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.
Image format (desktop) (Select/combo box)
Same image format as mobile Use settings from content 1:1 - Square 4:3 - TV 3:2 - 35mm photo 16:9 - HDTV 2:1 - Double width 2,35:1 - Widescreen 3:1 - Ultra widescreen 35:45 - Passport photo (Portrait) 2:3 - 35mm photo (Portrait) Hide the image
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.
Headline importance (Select box)
Great importance (H1) Medium importance (H2) Little importance (H3) Low importance (H4)
Controls the importance level of the headline.
In addition to the display size this is relevant for search engines (SEO).
Mouse effect (Select box)
No effect Shadow for the image Raised effect for the image Rotating image Rotating image and shadow for the image Rotating image and raised effect for the image Shadow for the whole element Border for the whole element Raised effect for the whole element Rotating image and shadow for the whole element Rotating image and border for the whole element Rotating image and raised effect for the whole element
Adds an effect that is triggered if the mouse is moved over the element.
The effect is disabled for mobile devices.
Link display (Select box)
Button Button using the full width Small button Plain text link Hide the link
Controls how or if the link for this contact is displayed.
Label style (Select box)
Use minimal text for labels Use text for labels Use icons for labels Use icons and text for labels
Controls which labels are shown in front of the contact data.
For example, the label for the telephone number would be the text 'Tel:' or a telephone icon.
Show address (Select box)
Always show the address Show the address on mouse click Don't show the address
Controls if the contact address is displayed.
Show organization (Select box)
Show as text Show with link Do not show
Shows the organization this person belongs to.
Container for attachments (Select box)
Available only on detail pages!
Place elements directly Place layout row first
Controls if elements can be directly placed in the attachment container on the detail page, or if a layout row must be placed first.
Place elements directly is easier to use, but limits the layout to a 'row 1 column (12 - full)'.
Place layout row first requires additional effort, but allows more flexible layouts using rows like '6 - 6' or '4 - 4 - 4'.
Compact layout (Check box)
Controls if this contact information is shown in a compact layout.
Show position (Check box)
Controls if the contact position is displayed.
Show title (Check box)
Controls if the title entered in "Further information" is displayed.
Show notice (Check box)
Controls if the notice entered in "Further information" is displayed.
Show description (Check box)
Controls if the description entered in "Further information" is displayed.
Show phone (Check box)
Controls if the contact phone number is displayed.
Show website (Check box)
Controls if the contact website is displayed.
Show email address (Check box)
Controls if the contact email address is displayed.
Show image zoom (Check box)
A zoom option is added to the images.
Show image copyright (Check box)
Controls if the copyright information for images is displayed as an overlay.
Show vCard download (Check box)
Controls if the contact data can be dowloaded in the vCard format, a common technical business card format.
