The Heading Block in the Gutenberg page builder offers powerful options to add and customize headings across your website.
Explore the sections below to learn how to use the Heading Block with aThemes Blocks.
How to Use the Heading Block
To get started:
- Enable the Heading Block from the Blocks Dashboard.
- Once enabled, add the Heading Block to your page.
- After adding it, you can begin customizing your heading settings.
General Settings of the Heading Block
When the Heading Block is selected, go to the General tab in the settings sidebar. You can configure the following:
- Heading: Set the HTML tag (e.g., H1, H2)
Styling Options for the Heading Block
In the Style tab, you can customize the visual appearance of your heading:
- Heading: Set text alignment (left, center, right, justified). Also, adjust typography settings and text color.
- Link: Customize the link color.
Advanced Settings of the Heading Block
In the Advanced tab, you have additional customization options:
- Layout: Adjust padding, margin, and Z-index.
- Background: Set a background color for the block.
- Border: Define the border style (solid, dashed, dotted, etc.).
- Animation: Apply entrance animations like slide in, fade in, zoom in, rotate in, flip in, and more.
- Responsive: Choose to hide the block on desktop, tablet, or mobile devices.
- Advanced: Add custom CSS classes or CSS IDs for further styling.
