-
Block Collapse
The collapse block reduces the vertical space between components. Simply move the component in between components with same color themes.
-
Block Cookie Notice
On a first visit, the website visitor will see this notice at the bottom of the screen, until dismissed with a click on the button. Custom formatted text and a button label can be set in Translatable Options.
-
Block Image
Image with optional caption, multiple size options and optimized responsive image sizes.
-
Block Image Text
Image with optional caption and formatted text side by side on desktop and stacking on mobile. Easily to be used for editorial content. Can be quickly adapted for more controlled layout options with fixed image ratios.
-
Block Not Found
Used for "404 Not Found" error pages. Displays formatted text from a WYSIWYG and a link to go back to the homepage. Texts can be edited in Translatable Options.
-
Block Post Footer
Displays post tags and author information when added to a single post template.
-
Block Post Header
Displays post title, meta information (including reading time), excerpt and featured image when added to a single post template.
-
Block Video oEmbed
Instead of embedding a video player directly, this component shows a poster image with an overlaying play button at first only. When clicked, the iframe based embed player is loaded autoplays the video, if the browser supports autoplay. Multiple size options available.
-
Block WYSIWYG
Simple formatted text from a „What You See Is What You Get“ editor, wrapped in a max width container for a convenient reading experience. Includes an option to center the text, instead of the classical inline center of the editor itself, to allow for additional custom styling.
-
Grid Image Text
Up to 4 items with an image and WYSIWYG each. Can be used for any kind of static content. Has an optional card style.
-
Grid Posts Archive
A blog post archive grid with prev / next navigation buttons or a load more button with ajax functionality at the bottom and categories on top to filter the blog posts.
-
Grid Posts Latest
Up to 4 latest post teaser items from a selected category (or unfiltered from all posts), with a post thumbnail, excerpt and reading time each.
-
Accordion Default
A simple accordion built with accessibility in mind. Each accordion panel provides a title and formatted text content, which is toggled with a jQuery slide animation.
-
Block Count Up
Allows to add multiple numbers that automatically count up when scrolled into viewport. Each number has an icon and can have an optional prefix and suffix.
-
Block Image Text Parallax
Image and text have almost equal weight, but focus is on the image, as it’s having a parallax movement while scrolling past the component.
-
Block Text Image Crop
Image and text have equal weight, though the image isn’t resized proportionally but is sized according to the text height and gets cropped when resized.
-
Block WYSIWYG Sidebar
Simple formatted text from a „What You See Is What You Get“ editor, with a WYSIWYG sidebar.
-
Block WYSIWYG Two Col
Simple 2 column formatted text from a „What You See Is What You Get“ editor, wrapped in a max width container for a convenient reading experience.
-
Form Contact Form 7
A Contact Form 7 wrapper with customization to only load scripts when needed, specific form styles with grid helper classes and theme options.
-
Hero CTA
Simple formatted text with a full width background color to draw attention to the Call to Action (CTA) button. Linebreaks (br-tags) convert to spaces on mobile for individual text flow control on desktop.
-
Hero Image CTA
A full width image with centered formatted text. Image gets cropped when resized. Optional mobile image, full width option and image alignment settings. Linebreaks (br-tags) convert to spaces on mobile for individual text flow control on desktop.
-
Hero Image Text
A full width image with a separate mobile image upload to optimize the crop. Optional formatted text as overlay with a fading background to ensure readability. Linebreaks (br-tags) convert to spaces on mobile for individual text flow control on desktop.
-
Hero Slider
A full width image slider with separate mobile image upload for each slide to optimize the crop. Optional formatted text is shown as an overlay.
-
Hero Text Image
Focuses on content and cuts the fixed height image off starting from the outer side. Text can be positioned on the left or right side. Any image aspect ratio can be used and will extend outside the container if too wide.
-
List Icons
Add any number of icons and optional text to highlight features or services. Includes a center option that will also wrap the icon in a colored circle.
-
List Logos
Upload logos (gif, jpg, png or svg) that will line up centered. Allows links for each logo and has an optional card layout.
-
List Social
Add your social media platform links and they will show up as predefined svg icons. Optional formatted text above the icons.
-
Slider Image Gallery
Drop any images on the gallery field, order them by drag & drop and optionally add a caption per image. Any image ratio will fit into the slider. It always covers the full width of the website container and comes with a thumbnail preview navigation.
-
Slider Images Centered
Drop images on the gallery field, order them by drag & drop and optionally add a caption per image. Crops images into a predefined ratio, centers the active image slide and crops the previous and next image.
-
Slider Images
Simply drop any images on the gallery field, order them by drag & drop and optionally add a caption per image. No need to worry about the photo selection as any image ratio will fit into the slider.