Buttons (Greyd)

The Buttons (Greyd) block is a custom alternative to the default WordPress Buttons block. It acts as a simple wrapper that displays a row of buttons using only Button (Greyd) child blocks. The parent block provides minimal options, while each child button can be configured in detail (see Button (Greyd) block documentation). The block is available in the Greyd category of the inserter.

Screenshot of a Buttons (Greyd) block after insertion, with one Button (Greyd) child block added, explained in the following paragraphs.

An empty Buttons (Greyd) block is just an empty wrapper. By default, one Button (Greyd) child is inserted and can be edited further. You can add more child buttons at any time using the plus icon in the bottom right corner.

The toolbar includes the basic block controls and the Align control to set the alignment of the buttons row with these options available: wide width, full width, align left, align center and align right.

Settings

Screenshot of the settings sidebar, explained in the following paragraph.

There are no specific settings for this block. The block supports Animations. In the Advanced section, you can find settings for HTML anchor, additional CSS classes and toggles to hide the block per breakpoint.

Styles

Screenshot of the styles sidebar, explained in the following paragraph.

The Styles tab provides controls for Padding, Margin and Block Spacing, which are default WordPress controls.

More in this section

  • Button (Greyd)

    The Button (Greyd) block is used exclusively as a child of the Buttons (Greyd) block and provides an individual editing experience for each button. Because it is a child block, it cannot be inserted on its own and is only available inside a Buttons (Greyd) wrapper. This block inherits styling and behavior from its parent […]

    Read more

Last updated: