Build Your Website

GREYD. Blocks

GREYD.SUITE offers you not only the standard Gutenberg blocks, but also a lot of additional ones. Use them to build your very individual website within very short time.

Columns Block

How Do I Define the Page Layout?

The columns block is one of the most important blocks in GREYD.SUITE. Columns define the overall layout of a page. Also, mobile responsive behavior is mainly controlled by columns settings, same as backgrounds, overlays and other effects.

Covered topics
Row, columns, background color, video, animation, parallax, gradient, overlay, z-index, layer, background image, separator, row width, full width & height, responsive, grid, gutter, mobile, Bootstrap

Related topics
Customizer, Grid, Gutenberg in GREYD.SUITE

Content Box Block

When Do I Use a Content Box?

Content boxes are perfect to highlight content sections on your website with backgrounds, hover effects, drop shadows or links.

Learn here, how easy it is to create appealing content boxes.

Covered topics
Box, linking, border, drop shadow, hover, gradient, background image, effect, padding, margin, minimum height, animation, responsive, mobile

Conditional Content

How Can I Make My Content Dynamic?

Our conditional content block makes it possible to make content dynamic – depending on various factors such as URL parameters, cookies, time or user roles. This way, you can display different contents for example for users that come from a newsletter and users that come from Google.

And you won't even need code to do that! Learn here how it works.

Covered topics
Dependency, correlation, dynamic content, conditional content, URL parameter, cookies, condition, opt-in, opt-out, customize, form ID, content automation

Post Overview / Slider / Query Loop

How Do I Create Post Overviews & Sliders?

With post overviews, you can display news sections or blogs, show your portfolio or display employees or branches. Learn here which setting options the post overview and slider widget offers.

Covered topics
Posts, single template, blog, news, dynamic post types, post type, category, tags, pagination, slider, slides, arrows, loop, autoplay

Post Table

How Do I Display Posts as a Table?

The Post Table block is a variant of the Post Overview and allows you to display post content in table form.

Covered Topics
Post overview, query loop, table, mobile responsive, posts, single template, post types, categories

Related Topics
Post Overview, Templates, Dynamic Post Types

Archive Block

How Do I Create a Post Archive?

Show posts of a certain time, category or with certain tags with the post archives module. This video shows you how to design your individual post archive.

Covered topics
Archives template, posts, date, category, tags, post types, result details, configure archive, order

Trigger Events

How Can I Use Buttons to Trigger Events?

Watch this video to see how easy you can turn a button into a trigger that triggers events like hiding or showing elements on your website.

Covered topics
Trigger, event, button, hide, show, content box, template

Trigger Picker & Dynamic Tags

How Can I Trigger Dynamic Content and Actions?

The trigger picker is available in several blocks to link elements or trigger an action (e.g. open an email window or popup). With Dynamic Tags you can insert dynamic content like your website title, a copyright symbol or today's date. Learn more in this video.

Covered topics
Open popup, email window, link, scroll-to, download, dynamic link, website title, post title, author, symbol, logo, copyright

GREYD Buttons

Which Features Do GREYD Buttons Offer?

Additionally to the native button block of Gutenberg, you'll find the GREYD Buttons block in GREYD.SUITE. This video shows you what you can do with it.

Covered topics
Button, trigger picker, global styles, icon

Related topics
Customizer, Trigger picker, Inline Popover, Animations

List Block

How Can I Add a List to My Website?

Lists are a good way to offer your user key information at a glance. GREYD.SUITE therefore offers you its own enhanced list block. In this video, we'll show you how to use it.

Covered topics
List, bullet points, icons, numeration

Related topics
Customizer

HotSpot Block

How Can I Integrate Interactive Graphics/Animations on My Website

Highlight important elements or individual points in an image or animation with our HotSpot Block in GREYD.SUITE. How this works and which refinements the HotSpot Block has in store for you, we like to show you in this video.

Covered topics
Interactive graphics, animations, forms, popover, links

Related topics
Customizer, GREYD.Forms, GREYD.Popups, Inline Popover, Animations

Accordion Block

How Does the Accordion Block Work?

The accordion block is a great option if you have a lot of information like FAQs to be displayed. In this video we like to show you how to create an accordion block with collapsible sections and integrate it into your website.

Covered Topics
FAQ, collapsible content, animation

Related Topics
Customizer, Trigger Events, Animations

Tabs

How Does the Tabs Block Work?

Customize alignment, spacing, icons, and colors. Learn how to easily create tab modules with GREYD.SUITE's tabs block for your website.

Covered Topics
Tab design, content, collapsible, chips

Related Topics
Global Design Settings, Buttons, Trigger Events

Additional Blocks

Which Other Blocks Can I Use?

Thanks to the native integration in Gutenberg, you can work with any native Gutenberg blocks and features in GREYD.SUITE.

Image

Spacer

Social Blocks

Form

iFrame

Reusable Blocks

Video

Video

Patterns

Heading

Group

…and many more

GREYD Blocks

Frequently Asked Questions

Helpdesk

Can't find your question? No problem? Write us here:

Skip form

Form skipped

Where can I find the form ID?

To use the form ID for example in the conditional content block, just open the respective form. You will now find the form ID in the URL: “post=0123456“.

Why is my background image not visible?

Blocks like content boxes or columns do not have a default height. The height is defined automatically by the content placed in those blocks. Thus, if add a background image to a content box, columns block or similar, but do not place any content in the block, the block won’t have a height and will not be visible.

Why does my frontend search not show all posts?

By default, WordPress only searches the title and content of posts. If you have Dynamic Post Types with custom fields containing content, this content will not be included in the search results. GREYD.SUITE offers you a feature in the settings to adapt the search function to also include custom fields content.

Why can’t I find my Post Type in the search module?

To integrate Dynamic Post Types in frontend searches, you must activate the corresponding function in your Dynamic Post Type settings. You will find it in your Dynamic Post Type under “Post Architecture”.

Why do my content boxes have different heights?

Please check in your content box settings whether you have entered the correct minimum height for each breakpoint. If, for example, on desktop screens three content boxes are displayed horizontally, but only two on iPad screens, you may need to enter a different minimum height for this breakpoint. If you only enter a minimum height under “mobile devices”, this value will automatically be applied to all breakpoints.

Why does my content box have no padding?

The space between the border and content of a content box can be controlled via the padding. The padding can be set individually per breakpoint in the content box settings. Enter at least one padding value under mobile settings to create a space between your border and content. If you want to have more padding for other breakpoints, just enter your individual values per breakpoint.

Quick Links

The most important topics at a glance

Intro
Editor & Features

Customizer
Global Styles

GREYD.Hub
Manage Websites

Forms & Popups
Conversion Elements

GREYD. Blocks
Website Elements

Templates & Posts
Flexible layouts

All WordPress. One Suite.

Create Professional WordPress
Websites Very Easily

Get Started