Adding Gutentools Blocks #
To add an Advanced Heading to your website:
- Open the block inserter by selecting the ‘+’ icon.
- Once clicked you will see you’ll see a collection of Gutentools Blocks:
Once selected, the options will display as shown below:
Example of an advance heading block:
Once added, you’ll see two panels to the right: Settings on the left and Styles on the right.
Settings Panel #
The Settings panel includes the General tab, where you can control the following:
General #
- Toggle Show Prefix: Enable this to display a prefix before the heading text.
- Toggle Show Suffix: Enable this to add a suffix after the heading text.
Styles Panel #
In the Styles panel, you’ll find three tabs: General, Design, and Advanced. These allow you to further customize the appearance of your Advance Heading.
General #
- Prefix Radius: Adjust the border radius for the prefix to create rounded or sharper edges.
Design #
- Color: Customize the color of your heading to match your website’s theme.
- Typography: Set the font size, style, and weight for the heading text.
Advanced #
- Spacing: Control padding and margins around the heading for precise positioning.
Use the Settings and Styles panels to fully customize the Gutentools blocks and achieve the desired look and functionality for your website.
