Description Text & Images

General Tab

Header: Headline of the content element. [free text]

Type: Type of headline which should be rendered. Default is H2 [h1, h2, h3, h4, h5, hidden]

Link: Link for the headline [typolink]

Subheader: Depending on the type this element is rendered as subline 1 (Type= H1) or subline 2 (Type=H2). In any other case the subheader is rendered as lead text but is not intended by the design. This field should only be filled if you choose a H1 or H2 [free text]

Text: Rich text editor see options for the rich text editor

Images Tab

Images: one or more image objects [image]

Position & Alignment: Layout of the Text & Images content element

  • Above center: Image top; text bottom
  • Below center: Text top; image bottom
  • Intext left: Image 1/3 of the content elements width; image 2/3 of the width
  • Beside text left: Image left 50%; Text right 50%

Number of Columns: If more than one image is attached the number of columns can be chosen. The images are displayed in a grid with the number of images equal to the column number in one row. In the Gallery mode images will open in a lightbox. [1-7, Gallery]

Appearance Tab

this is a global option and is described in general settings

Content Element - Text Image

Text right - Image left

I am configured to show you the Text & Images element with the image left and the text on the right in an 50% / 50% setting. I hold one image and sit in a regular container with a maximum width.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Content Element - Text Image

Text right - Image small left

I am configured to show you the Text & Images element with the image left and the text on the right in an 25% / 75% setting. I hold one image and sit in a regular container with a maximum width.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Content Element - Text Image

Text top - Image bottom

I am configured to show you the Text & Images element with the image at the bottom and the text on top. I hold one image and sit in a regular container with a maximum width.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Content Element - Text Image

Text bottom - Image Top

I am configured to show you the Text & Images element with the image on top and the text on the bottom. I hold one image and sit in a regular container with a maximum width.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Other options not intended by design

The following options are available but were not indetended by design or concept. Only use them if there is no other option to arrange your content.

Text & Images in grid setting

I am configured to show you the Text & Images element with the image on top and the text on the bottom. I hold several images and sit in a regular container with a maximum width. I am configured to show you the grid images view. I hold 4 images per row.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Text & Images in grid setting

I am the same Text & Images element but with 2 images per row.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.