Previous page

All Docs Articles

Match your external theme styles with Greyd blocks

The way themes handle styles varies, which may lead to style issues in Greyd Blocks when using the Greyd Plugin together with external themes. If you are not using the Greyd Theme but decide to work with another theme, Greyd Blocks might not look like perfectly matching. However, with the Theme Adaptor we offer you […]

read more

Custom form interactions

This file contains several examples of custom interactions with Greyd Forms, e.g. to validate custom fields, customize error messages, connect a custom API or adapt form emails. In general, there are a couple of different ways to interact with Greyd Forms. You can simply use a couple of hooks to interact directly with a form, […]

read more

Customize the output of ACF Dynamic Tags

The ACF Dynamic Tags feature in the Greyd Plugin allows you to use Advanced Custom Fields (ACF) within the editor and customize their output using specific filters. This document provides examples for customization. There’s a separate article for the ACF Integration that explains how they’re integrated in the Greyd Plugin, as well as a full […]

read more

Code Snippets

Here you can find practical code snippets for working with Greyd.Suite. The examples illustrate common use cases and customization patterns, complementing the user-facing documentation with developer-focused guidance.

read more

Limit form submissions

With the following code snippet you can easily use Greyd Forms to create a form that only allows a limited number of form submissions and displays a corresponding info message. Please be aware of the comments in the snippet as the code needs to be adapted individually. PHPCopyif ( ! defined( 'COUNTER_FORM_ID' ) ) { […]

read more

Pseudo-classes

Some components in the Greyd Plugin, like color, border or shadow, support styling variations based on their pseudo-class. These states reflect how a user interacts with the element — such as hovering with the mouse or clicking on it. When an element supports pseudo class styling, you can define different styles for each state: Normal: […]

read more

Breakpoints

Some block settings in the Greyd Plugin can be configured individually for different device sizes. This allows more control over how elements behave and appear on various screens. When a setting supports breakpoints, a small button with a mobile device icon appears in the top-right area of the setting. Clicking this icon activates the breakpoint […]

read more

Advanced section

The Advanced section provides additional configuration options that allow more control over a block’s behavior, appearance, and visibility. The available settings vary depending on the block and are only shown when relevant. Core Features By default, WordPress includes the following options in the Advanced section across most blocks: HTML Anchor: Lets you define an anchor […]

read more

Greyd Components

We have created some custom components for our blocks. Beyond individual components, we have separate documentation for the settings in the Advanced section of each block, our Breakpoints feature and our implementation of the Pseudo-classes (normal, hover, active). Button Icon Control The ButtonIconControl component is a wrapper for settings related to setting an icon to […]

read more

Blocks

This section documents the custom blocks and core block extensions included in the Greyd Plugin. There is also a separate section for Greyd Components, which explains general functionality used across many of the Greyd blocks.

read more