> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Heading/Title

# Getting Started

As the name says, this element is about adding a heading or title anywhere on your website. This article will cover how to get started and follow the instructions as needed.

---

# Adding the Heading/Title element to your website



Follow the steps below to add a **Heading/Title** element to your site. 

- Click on the `+` button labelled **Add Element or Container** within an empty container
- From the **Elements** tab, select the **Heading/Title** element

**Refer to the GIF below:**


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-12-at-54_imxf9n.gif)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_ntio40.png)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-14_1jal92t.png)


|  *Heading/Title element after it is added*


---

# Inline Title Edit

By selecting the whole content, you can have the option to edit the title inline. **Refer to the GIF below:**


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-12-at-60_1kjlqx2.gif)

---

# Editing the Heading/Title element

Follow the steps and instructions below to add and edit a **Heading/Title** element on your site.

The **Heading/Title** element editor has the following options:

* Title Settings
* Title Styles
* Title Background
* Title Link

The **Heading/Title** element editor:


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-15_tfu5cw.png)

---

## Title Settings

Inside this setting option, you can change various settings, including the title or heading text, change the heading tag, add dynamic text, etc.

Refer to the **GIFs** below to see these settings in action:


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-01-at-20_1gga365.gif)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-01-at-20_9u17vh.gif)


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-01-at-20_1ul4btt.gif)

---

## Title Styles

From this setting, you can stylize your title or heading with options like changing the text size, position, giving it a shadow, etc.

Refer to the **GIF** below to see these options in action:

![](https://cdn.cmsfly.com/63df31f8c00148003528434d/gif-recording-2022-09-01-at-2.11.42-pm-annUpH.gif)

---

## Title Background

This setting allows you to give your title/heading a background, ranging from simple color to a gradient or an image. Each option has its setting.

Refer to the **GIF** below to see these options in action:


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-01-at-21_6mbwrs.gif)


---

## Title Link

If you want the element to do more than just appear as a heading or title on your website, you can make sure it works as a link upon clicking. You can choose various link types ranging from redirecting it to an external site, page, or section in your website.

Refer to the **GIF** below to see these options in action:


![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-09-01-at-21_1c8zjwk.gif)