Media Adjustments and Gallery Settings
Width of each element (px) ,Height of each element (px): This settings are only applied when you DO NOT enable "Image with responsive Size". Fixed widths and heights for images are rarely needed - use it only if you want to make the image smaller than default.
Border around each element: Render a predefined border around an Image.
Position and Alignment: Here you can select from various Layout options. See below for predefined Variants
Number of Columns (Large), Number of Columns (Medium), Number of Columns (Small): When you add more than one Image to the Element you can decide how many Images will be dispayled im a row on the breakpoint. When you choose "1" the Iamges will Stack
Enlarge on Click: Open the Images from this Content Element in a Lightbox. Annot: this function collides with Image Link, so you need to decide which Feature to use.
Image with responsive Size: If not orignal image will be used for display . If set, Interchange will be enabled and the versions defined through Image Manipulation will be used.
Properties of individual Images
Title: This text is shown when user hovers the Image. It is also shown in Lightbox
Alternative Text: Render a predefined border around an Image.
Link: Here you can select from various Layout options. See below for predefined Variants
Description (Caption): When you add more than one Image to the Element you can decide how many Images will be dispayled im a row on the breakpoint. When you choose "1" the Iamges will Stack
Image Manipulation: Open the Images from this Content Element in a Lightbox. Annot: this function collides with Image Link, so you need to decide which Feature to use.
Above, Center - with Border
Caption Lorem ipsum dolor
This element contains only one image.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam era.
- consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam era.
Below, Center
This element contains only one image.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Caption Lorem ipsum
In text, right
This element contains only one image.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam efficitur mauris vel purus malesuada hendrerit. Nunc quam nulla, tincidunt vitae elit sit amet, laoreet aliquet neque. Aenean rutrum venenatis lacinia. Proin non mi ac dui tristique varius. Praesent et vulputate erat. Duis suscipit nisl id sagittis eleifend. Nunc molestie, tortor ac luctus lacinia, urna metus eleifend quam, ac elementum augue massa nec leo. Nulla non nibh sit amet justo finibus posuere. Cras consequat ac nunc a tincidunt.
Sed eleifend lorem id varius aliquam. In blandit ex at malesuada tincidunt. Sed consequat urna metus, eget pharetra nibh pharetra ut. Etiam luctus malesuada augue at sagittis. Praesent metus lorem, euismod in dui at, placerat posuere dui. Nunc tempus vehicula mauris quis pretium. In nec tincidunt sem, ac blandit nunc.
In text, left
This element contains only one image.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam efficitur mauris vel purus malesuada hendrerit. Nunc quam nulla, tincidunt vitae elit sit amet, laoreet aliquet neque. Aenean rutrum venenatis lacinia. Proin non mi ac dui tristique varius. Praesent et vulputate erat.
- Lorem Ipsum List test
Nunc molestie, tortor ac luctus lacinia, urna metus eleifend quam, ac elementum augue massa nec leo. Nulla non nibh sit amet justo finibus posuere. Cras consequat ac nunc a tincidunt.
Sed eleifend lorem id varius aliquam. In blandit ex at malesuada tincidunt. Sed consequat urna metus, eget pharetra nibh pharetra ut. Etiam luctus malesuada augue at sagittis. Praesent metus lorem, euismod in dui at, placerat posuere dui. Nunc tempus vehicula mauris quis pretium. In nec tincidunt sem, ac blandit nunc.
In text, right
This element contains multiple images.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam efficitur mauris vel purus malesuada hendrerit. Nunc quam nulla, tincidunt vitae elit sit amet, laoreet aliquet neque. Aenean rutrum venenatis lacinia. Proin non mi ac dui tristique varius. Praesent et vulputate erat. Duis suscipit nisl id sagittis eleifend. Nunc molestie, tortor ac luctus lacinia, urna metus eleifend quam, ac elementum augue massa nec leo. Nulla non nibh sit amet justo finibus posuere. Cras consequat ac nunc a tincidunt.
Gallery original width above centered
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Above, Center
Caption Lorem Ipsum
Caption Lorem Ipsum
Caption Lorem Ipsum
Caption Lorem Ipsum
This element contains multiple images.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam era.
- consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam era.
Gallery in grid above
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Gallery original width above
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
In text, left + Enlarge on Click
Caption 1 Lorem ipsum
Caption 2 Lorem ipsum
Caption 3 Lorem ipsum
Caption 4 Lorem ipsum
This element contains multiple images.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam efficitur mauris vel purus malesuada hendrerit. Nunc quam nulla, tincidunt vitae elit sit amet, laoreet aliquet neque.
- Lorem Ipsum List test
Aenean rutrum venenatis lacinia. Proin non mi ac dui tristique varius. Praesent et vulputate erat. Duis suscipit nisl id sagittis eleifend. Nunc molestie, tortor ac luctus lacinia, urna metus eleifend quam, ac elementum augue massa nec leo. Nulla non nibh sit amet justo finibus posuere. Cras consequat ac nunc a tincidunt.