Subgridtitle grid-subwrap-1-11
First column grid-subwrap-1-11 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Second column grid-subwrap-1-11
Subgridtitle grid-subwrap-1-1
Column grid-subwrap-1-1 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row. Content item has the class subgrid-content-width-1-column to keep the content width always with the width of 1 layout column (do not apply this class to the column div itself).
Subgridtitle grid-subwrap-1-1
Column grid-subwrap-1-1 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row. Here the content item is within a Group block element with the class subgrid-content-width-1-column. Border top is done with a hr block element (Separator) with the class border-top.
Subgridtitle grid-subwrap-1-11
First column grid-subwrap-1-11 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row. 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.
Second column grid-subwrap-1-11 Ased 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, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Subgridtitle grid-subwrap-1-11 – Lorem ipsum dolor sit amet Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
First column grid-subwrap-1-11 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Second column grid-subwrap-1-11
Subgridtitle grid-subwrap-1-1
Column grid-subwrap-1-1 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap-1-1
Column grid-subwrap-1-1 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap-1-11 – Lorem ipsum dolor sit amet Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
First column grid-subwrap-1-11 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row. 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.
Second column grid-subwrap-1-11 Ased 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, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Additional column grid-subwrap-1-1 This additional row needs the class additional-row added to the wrapping top div grid-wrap
Additional first column grid-subwrap-1-11 Austo duo dolores et ea rebum. Sea takimata sanctus est Lorem ipsum dolor sit amet.
Additional second column grid-subwrap-1-11 Stet clita kasd gubergren, no sea takimata sanctus est, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.
Subgridtitle grid-subwrap-1-2 – Lorem ipsum dolor sit amet Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Column grid-subwrap-1-2 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap-1-1
Column grid-subwrap-1-1 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap-1-1
Column grid-subwrap-1-1 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap-1-2 – Lorem ipsum dolor sit amet Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Column grid-subwrap-1-2 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap 1-2 with content width special
Special: content item has the class subgrid-content-width-1-column to keep the content width always with the width of 1 layout column (do not apply this class to the column div itself). Column grid-subwrap-1-2 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap-1-1 with content width special
Special (for details see the previous content column in this row). Column grid-subwrap-1-1 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap 1-2 content width special
Special: Border top is done with a hr block element (Separator) with the class border-top and content item has the class subgrid-content-width-1-column to keep the content width always with the width of 1 layout column (do not apply this class to the column div itself). Column grid-subwrap-1-2 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Subgridtitle grid-subwrap-1-1 with content width special
Special (for details see the previous content column in this row). Column grid-subwrap-1-1 – the title in column before has to have the class eh-subwrap-title to make it the same height on smaller screens as the other title in this row.
Grid Wrap 1-4 Grid 1111
Grid 1111 – First Column: Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Grid 1111 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid 1111 – Third Column: Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Grid 1111 – Forth Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid Wrap 5 Atvero eoset 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.
Grid Wrap 1-4
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.
Grid Wrap 1-4 Grid 22
Grid 22 – First Column: 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
Grid 22 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitrt 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
Grid Wrap 1-4 Grid 13
Grid 13 – First Column: At vero eos et accusam et justo duo dolores et ea rebum.
Grid 13 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitrt 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
Grid Wrap 1-4 Grid 31 Subgrid
Grid 31 – First Column: 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
Subgrid – First Column:
001
Subgrid – Second Column:
002
Subgrid – Third Column:
003
Grid 31 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitrt 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.
Grid Wrap 1-4 Grid 211
Grid 211 – First 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.
Nested Grid 11 – First Column: 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
Nested Grid 11 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitrt 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
Grid 211 – Second 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.
Grid 211 – Third Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid Wrap 1-4 Grid 112
Grid 112 – First Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid 112 – Second Column: Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Grid 112 – Third 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.
Grid Wrap 1-4 Grid 1111
Grid 1111 – First Column: Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Grid 1111 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid 1111 – Third Column: Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Grid 1111 – Forth Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid Wrap 1-4 Grid 22 Grid 13 Grid 31 Grid 211 Grid 112 Grid 1111
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.
Grid 22 – First Column: 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
Grid 22 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitrt 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
Grid 13 – First Column: At vero eos et accusam et justo duo dolores et ea rebum.
Grid 13 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitrt 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
Grid 31 – First Column: 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
Grid 31 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitrt vero eos et accusam et justo duo dolores et ea rebum.
Grid 211 – First 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.
Grid 211 – Second 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.
Grid 211 – Third Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid 112 – First Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid 112 – Second Column: Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Grid 112 – Third 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.
Grid 1111 – First Column: Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Grid 1111 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Grid 1111 – Third Column: Consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Grid 1111 – Forth Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Rowtitle
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.
Lorem ipsum…
Subgrid
Subgrid 2/3 | 1/3
Subgrid 2/3 | 1/3
Orte
Supersized class
A first block can be at the top (class: top-part), a second block at the bottom (class: bottom-part). In case of more than 2 blocks, group them to 2 blocks as done here. The class of this column (Spalte): top-bottom-box
Bottomstuff
For a full width row add first a Wrap Outer 5 block. After that e.g. a block Wrap 1-4 with a block Grid 11 in the second column as done here. Class featured for the text and also with a top-bottom-box class column and top-part and bottom-part classes for the content here. Lorem ipsum tempor invidunt ut labore magna.
Supersized class
Basically the same as the row above. But with the class background-neutral added to the Wrap Outer 5 block. So the image gets a border by default. But here the class border-off added to the image block as the image has an border as part of the image.
Bottomstuff
Almost the same as the row above but class background-neutral added to the Wrap Outer 5 block. After that e.g. a block Wrap 1-4 as done here. Class featured for the text and also with a top-bottom-box class column and top-part and bottom-part classes for the content here.
Wrap Outer 5 block as above but with the additional class slim-line and Wrap 5 block inside.
Testimonial
As above but with the block Wrap 1-4. Class featured and icon-left for the text … Great people, exciting workshops, fascinating landscapes. It was a pleasure, thank you Thomas J. Caduff. Zoran Strbenac; LPA, Zürich, 2021
Icons
Icons can be added via the More (arrow down) menu item. The icons are the new Font Awesome icons. Use this menu also to colour parts of a text.
Examples with default font size:
Examples with icon and text and icon-left class:
Text is indented
Examples with default font size and coloured:
Font-size with class featured:
Icon and text with class icon-left:
Text is indented
Font-size with class featured and coloured:
Font-size with class supersized:
Icon and text with class icon-left:
Text is indented
Font-size with class supersized and coloured:
Custom font size 144px
Catch with slider from site 1: Testslider
Ein Soliloquy-Slider zu Testzwecken
Display content from another (sub) site from the WordPress multisite install. In this case content from the main site: content type Gallery Carrier for the dispaly of an Envira gallery (in this case of the main site).
Snapshots from the main site displayed here on the subsite chde
Testgalerie 1 DE EN
Gallery catch from site 1
Hier eine gekaperte Galerie zum Testen mit Texten (Titel, Legende, Bildernachweis) in Deutsch und Englisch - Fotos: Fundplat
Shortcode for Lifestyle or People or Picks
Grid 22 – Second Column: Lorem ipsum dolor sit amet, consetetur sadipscing elitrt 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