Heading

The Heading block gains several layout and styling enhancements with the Greyd Plugin that help control its appearance across breakpoints.

Settings

Screenshot of the Text lines control to control visible lines for Heading in settings tab, explained in the following paragraph.

A unique feature is the Text lines control, which lets you limit the number of visible lines for a heading. You can set the desired number of lines using a number input and optionally enable the Force number of text lines toggle to strictly enforce line clamping, even if it leads to text truncation. Both controls are responsive, so they can be tailored per breakpoint.

Styles

Screenshot of the Styles tab with enhanced features, explained in the following paragraph.

In the styles, you can define a maximum width for the heading text to limit how wide it stretches within its container. Additionally, under Spaces you can configure the Margin using the standard Dimension Control Spacing component, also defining different variables per breakpoint.

Advanced settings

In the Advanced panel, the Heading block also supports the Styles Class, CSS animation, Hide per breakpoint, as well as Inline CSS. See the Advanced panel documentation for more details.

Last updated: