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 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 the current year via shortcode 2026.
Beyond via shortcode
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. Same page link to anchor #icons
Grid Wrap 1-4
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
Breaking
Grid Wrap 1-4
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 with Subgrid in First Column
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
001
Subgrid
002
Subgrid
003
Subgrid
001
Subgrid
002
Subgrid
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 - 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.
Multimedia
Grid Wrap 1-4
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 for NP news via shortcode
Grid Wrap 1-4
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.
Beyond
Grid Wrap 1-4 with Subgrids
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. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
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
Subrid
1st Column
Subrid
2nd Column
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
Subgrid
Column 1
Subgrid
Column 2
Subgrid
Column 3
Grid 31 - Second Column: Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 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.
Subgrid
Column 1
Subgrid
Column 2
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
Shortcode in a Code (Html) block:
Works!
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
Content from within the multisite install
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).
Videos via shortcode
Video Clips via shortcode
Newspoint Partners via shortcode
Snapshots via shortcode and filtered with a dataset and the location as caption
Interviews via shortcode
Partners via shortcode
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
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