Editorials Documentation

<h3>Description</h3> <p>With this element you start every editorial to introduce the main information and image.</p> <h3>Settings</h3> <ul> <li>Background image</li> <li>Text overlay position - inside or outside</li> <li>Headline - inside or outside</li> <li>Background image or Background color and icon.</li> </ul>

<h3>Description</h3> <p>With this element, you add a menu entry to the menu and, optionally, a teaser.</p> <h3>Settings</h3> <ul> <li>Menu entry</li> <li>Show teaser in menu</li> <li>Teaser</li> </ul>

<h3>Description</h3> <p>With background image, text overlay or text outside, headline inside or outside, with background icon and color. There are some variations possible.</p> <h3>Settings</h3> <ul> <li>Background image</li> <li>Background icon</li> <li>Background color</li> <li>Icon position</li> <li>Headline outside or inside or at the beginning of the element</li> <li>Text inside (overlay) or outside</li> <li>Animation</li> <li>Additional information(s)ID <ul> <li>Image/VideoOpen in New window/lightbox</li> <li>Label</li> <li>Headline</li> <li>Text</li> <li>Text align</li> </ul> </li> </ul> <h4>Notices</h4> <p>Be aware that you can set only either <strong>background image</strong> or <strong>background icon</strong>. If you set a background color you can combine it with the <strong>Section Background</strong> element.</p> <p>If you would like to set a link to additional information, you must use the following hashtag and the custom ID of the linked additional information <strong>#link-<em>ID. </em></strong></p> <p><strong>In each of these elements, you can start a new group of additional information with 1.</strong></p>

<h3>Description</h3> <p>With this element, you can add a headline [&] subheadline (optional) with icon (optional) and animation.</p> <h3>Settings</h3> <ul> <li>Headline</li> <li>Subheadline</li> <li>Text align</li> <li>Headline size</li> <li>Icon</li> <li>Headline color - predefined or custom</li> <li>Animation</li> </ul>

<h3>Description</h3> <p>Hidden additional information with text, image or YouTube/Vimeo video.</p> <h3>Settings</h3> <ul> <li>Text</li> <li>Label (appears only by mouseover)</li> <li>Headline</li> <li>Image</li> <li>YouTube or Vimeo video</li> <li>Text align</li> </ul>

<h3>Description</h3> <p>With this element, you can add a headline, teaser and hidden content. If you use an <strong>Accordion wrapper</strong> (start and end) you can hide diverse content within.</p> <h3>Settings (Accordion Single, Accordion Wrapper Start)</h3> <ul> <li>Teaser</li> <li>Text</li> <li>Image</li> </ul>

<h3>Description</h3> <p>A collection of images in rows and columns that can be enlarged in a lightbox.</p> <h3>Settings</h3> <ul> <li>Headline</li> <li>Images/Folders</li> <li>Image Size</li> <li>Oder</li> <li>Margin</li> <li>Thumbnails per rows</li> <li>Full-size view/new window</li> <li>Items per page</li> <li>Total numbers of images</li> </ul>

<h3>Description</h3> <p>With this element, you can add a quote and quote person and additional information about this quote context.</p> <h3>Settings</h3> <ul> <li>Quote text</li> <li>Quote Author</li> <li>Additional Information (Like place, year etc. It appears under the name.)</li> <li>Marker Style</li> <li>Text size</li> <li>Background color</li> <li>Text animation</li> </ul>

<h3>Description</h3> <p>Element for setting the background color of a section with parallax effect for the edge elements.</p> <h3>Settings</h3> <ul> <li>Background image/video</li> <li>Image size</li> <li>Background Image Size</li> <li>Background page-edges</li> <li>Background color</li> <li>Invert Text</li> <li>Icon</li> <li>Icon position, Icon size</li> <li>Horizontal alignment</li> <li>Vertical centered</li> <li>Force minimum heigt</li> <li>Padding</li> <li>Margin </li> <li>Animation [&] Parallax effect</li> </ul>

<h3>Description</h3> <p>With this element, you can add a background image with text overlay and additional information within. You can formate the text as a quote and set animation for the text and backgroud image. You can also define the element height.</p> <h3>Settings</h3> <ul> <li>Background image/video</li> <li>Background color</li> <li>Background icon</li> <li>Text <ul> <li>Text as Quote</li> <li>Quote Author</li> <li>Additional Information for quote</li> <li>Without quote markers</li> <li>Quote Author</li> <li>Additional Information (Like place, year etc. It appears under the name.)</li> </ul> </li> <li>Height and alignment</li> <li>Text [&] image animation</li> <li>Additional information(s) <ul> <li>ID</li> <li>Image/Video <ul> <li>Open in New window/lightbox</li> </ul> </li> <li>Label</li> <li>Headline</li> <li>Text</li> <li>Text align</li> </ul> </li> </ul>

<h3>Description</h3> <p>Element with background image with parallax effect and custom image caption.</p> <h3>Settings</h3> <ul> <li>Background image</li> <li>Image size</li> <li>Background position</li> <li>Fixed image</li> <li>Image caption</li> <li>Height [&] Margin</li> <li>Image animation</li> </ul>

<h3>Description</h3> <p>You can set columns in the Text element or use <strong><em>Column wrapper</em></strong> to create columns for content elements.</p> <h3>Settings in Column wrapper start</h3> <ul> <li>Headline</li> <li>Number of columns in Desktop, Tablet and Mobile</li> <li>Width</li> </ul> <h3>Settings in Column start</h3> <ul> <li>Headline</li> <li>Margin top</li> <li>Content aligns</li> </ul>

<h3>Description</h3> <p>You can set overwrite the global colors for headline 1 and 2 and for each element with the global colors.</p> <h3>Settings</h3> <ul> <li>Headline 1 color</li> <li>Headline 2 color</li> <li>Background color for the whole news</li> <li>Background color 1 - 7</li> </ul>

<h3>Description</h3> <p>Instead of switching between the back and front end, you can use the Frontend Helper to edit your content directly in the front end.</p>

<h3>Description</h3> <p>You can compare 2 images with a slider in the middle of the first image</p> <h3>Settings</h3> <ul> <li>Headline</li> <li>Image 1</li> <li>Image 1 Caption</li> <li>Image 2</li> <li>Image 2 Caption</li> <li>Size [&] Caption for both images</li> <li>Intro Text</li> <li>Margin</li> <li>Style Manager: Line-Height</li> </ul>

<h3>Description</h3> <p>To show hidden context by using triggers, you can use this content element</p> <h3>Settings - Start</h3> <ul> <li>Icon</li> <li>Image</li> <li>Size</li> <li>Overlay color for image</li> <li>Custom Overly Color</li> <li>Headline <ul> <li>Headline Color</li> <li>Custom Headline Color</li> </ul> </li> <li>Custom Button Color</li> <li>Text</li> <li>This is the first start wrapper - check it only in case if it's a start wrapper of the whole section <ul> <li>Width</li> </ul> </li> </ul> <h3>Settings - End</h3> <ul> <li>This is the last end wrapper - check it only in case if it's a last wrapper of the whole section</li> </ul>

<h3>Description</h3> <p>You can tell a story in timeline episodes</p> <h3>Settings</h3> <ul> <li>Headline <ul> <li>Headline Color</li> </ul> </li> <li>Subheadline <ul> <li>Subheadline Color</li> </ul> </li> <li>Main number <ul> <li>Number Color</li> </ul> </li> <li>Text align for the intro and headline</li> <li>Timeline color <ul> <li>Custom Timeline Color</li> </ul> </li> <li>Intro</li> <li>Numbers <ul> <li>Number</li> <li>Image</li> <li>Size</li> <li>Caption</li> <li>Headline</li> <li>Text</li> <li>Background Color</li> </ul> </li> </ul>

<h3>Description</h3> <p>To fade in and out each part of a picture, you can use this content element</p> <h3>Settings - Start</h3> <ul> <li>Image</li> <li>Size</li> <li>Headline <ul> <li>Headline Color</li> <li>Custom Headline Color</li> </ul> </li> <li>Subheadline <ul> <li>Headline Color<br>Custom Subheadline Color</li> </ul> </li> <li>Headlines uppercase</li> <li>Intro Text</li> <li>Line Height</li> <li>Layers <ul> <li>Image</li> <li>Label</li> <li>Label Color</li> <li>Custom Label Color</li> <li>Headline <ul> <li>Headline color</li> <li>Custom Headline color</li> </ul> </li> <li>Text</li> <li>Without box shadow and border</li> <li>Line Height</li> <li>Text Position</li> <li>Padding top</li> </ul> </li> </ul>