Description Text & Media

General Tab

This content element works similar to the text image content element with the difference that it enables you to add media via url. This is used to embed youtube and vimeo videos. 

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

Media Tab

Media: one or more media objects [media]

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 Media

Text bottom - Video Top

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

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.

Content Element - Text Media

Text right - Image left

I am configured to show you the Text & Media element with the media left and the text on the right in an 50% / 50% setting. I hold one video 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 Media

Text right - Media small left

I am configured to show you the Text & Media element with the video left and the text on the right in an 25% / 75% setting. I hold one video 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 Media

Text top - Media bottom

I am configured to show you the Text & Media element with the video at the bottom and the text on top. I hold one video 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.

I am configured to show you the Text & Media element with the video on top and the text on the bottom. I hold several videos and sit in a regular container with a maximum width and a dark background. I am configured to show you the gallery mode.

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 & Media in grid setting

I am configured to show you the Text & Media element with the video on top and the text on the bottom. I hold several videos and sit in a regular container with a maximum width. I am configured to show you the grid video view. I hold 4 videos 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 & Media in grid setting

I am the same Text & Media element but with 2 videos 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.