Multi-column Container
50:50 Box
In a 50:50 box you can show two different content elements, which are connected by subject matter, in parallel next to one another.
Typical elements that go well together here are:
- Link list and image
- Image and text
- Text and image gallery/video
Multi-column Container - 50:50
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
Multi-column layout - 2 column - 50:50
3-and 4-column box
Please pay attention to the following when using the 3-and 4-column Multi-column Container:
- Contents are shown very compressed
- Images seem partly too small for the whole layout
- Also check the view again and again in the mobile view on the smart phone
- Ensure that you have clicked on the "Enforce same height" box
Multiple-column - 3-column
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
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
Multiple-column container - 4-column
Link list
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.
Link list
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.
Integration of a multi-column container
Multiple-column container
At the beginning create a new contents element by selecting the "Multiple Column Container".
Configuration I
Please select the "2-column Section" In the "Configuration" tab under pre-defined layouts, so that the 50:50 Box is shown correctly to advantage.
Configuration II
Here select the background colour of both your boxes. Make sure that the colours on the right and left-hand sides differentiate themselves from one another. Please don’t forget to put the tick in the lower part so that both columns are compelled to be of the same height.
50:50
When you have configured both columns you can start editing.
50:50 Box "Link list"
Here you can see an example of a 50:50 box. In this case, a link list was created. You also have other options, such as, for example, "Text & Media".
50:50 Box "Text & Media"
Here the example "Text & Media" is shown in the backend.