---
title: "Heading element"
date: "2017-11-12T09:05:22+00:00"
summary: "Create engaging headings with Site Studio's Heading element. Choose from H1 to H6, customize text and styles, and match heights for consistent layouts. Streamline your content structure effortlessly."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/heading-element"
id: "f8fa3faa-0038-41d5-9bfc-6aaa1a249db5"
---

Table of contents will be added

Use the Heading element to add a heading <h1> to <h6> to your layout.

Important

Only common settings are shown by default. To access additional settings, click on the **Properties** button and select additional settings.

Locating the heading element
----------------------------

To find the Heading element:

1.  Navigate to a component or a template with the Layout canvas
2.  Click the **+ button** on the Layout canvas
3.  Within the Elements tab, look for the Heading element.

![33de2391-heading.png](https://acquia.widen.net/content/1017e8f8-a36e-4d1a-ba98-9160bba89ee4/web/33de2391-heading.png)

The Heading element includes the following fields:

Heading element
---------------

*   **Heading element -** Select the type of heading (H1 - H6) you require.

Heading
-------

*   **Heading text -** Enter the text for your heading.

Custom style
------------

*   **Heading style -** Apply a Heading custom style to your element. 

Match heights
-------------

*   **Match heights** \- Match the height of the element using:
    *   **None** - Removes the match heights at the specific breakpoint
    *   **Class** \- Match the height of the element with another element with the same class name
    *   **Children with class** - Match the heights of any child elements with the same class name
    *   **Child element** - Match the heights of all child elements of the same type.

For more information on Match heights, see [Match the heights of elements.](/drupal-starter-kits/add-ons/site-studio/match-heights-elements "Match the heights of elements")

Comments
--------

*   **Add comments -** Add comments to the Element.  For more information, see [Adding comments to an element](/drupal-starter-kits/add-ons/site-studio/adding-comments-element "Adding comments to an element").