# Titles

The **Titles** section allows users to configure the main title and subtitles of the chart. It provides various options to **show/hide**, customize **background color**, adjust **padding**, set **gaps**, and control the **positioning** of titles.

***

#### **Accessing the Titles Section**

To access the **Titles** customization panel:

1. Navigate to the **Advanced Editor**.
2. Click on the **Styles** tab.
3. Select **Titles** from the list of available styling options.

<figure><img src="https://2441185785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeTNY9XuZbora2UmeM4sm%2Fuploads%2FoBu6MdqEqYezPgg25G60%2Fimage.png?alt=media&#x26;token=34e9ad18-75c3-4c81-8219-6deb18749e17" alt="" width="299"><figcaption></figcaption></figure>

***

#### **Features & Descriptions**

| **Feature**          | **Description**                                                                                                                               |
| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| **Show**             | Toggle to enable or disable the chart title. When unchecked, all title-related options are hidden.                                            |
| **Background Color** | Allows users to set the background color of the title section using RGBA values.                                                              |
| **Padding**          | Adjusts the space between the title text and its surrounding border. Higher values create more spacing.                                       |
| **Gap**              | Defines the spacing between the **main title** and **subtitle**. A higher value increases the distance.                                       |
| **Main Title**       | Expands to provide customization options for the main title text, including font size, color, and alignment.                                  |
| **Subtitle**         | Expands to provide customization for the subtitle text, including font settings and positioning.                                              |
| **Position**         | Determines where the title appears within the chart. Users can set **Top, Bottom, Left, Right** positioning manually or leave it as **auto**. |

***

#### **Position Configuration**

The **Position** section allows users to **fine-tune** where the title appears on the chart.

| **Option** | **Description**                                                                                                   |
| ---------- | ----------------------------------------------------------------------------------------------------------------- |
| **Top**    | Sets the pixel distance from the top of the chart. Default is **auto**, but users can input specific values.      |
| **Bottom** | Sets the pixel distance from the bottom. Overrides the top value if set. Default is **auto**.                     |
| **Left**   | Defines the left-alignment of the title. Users can enter pixel values for exact positioning. Default is **auto**. |
| **Right**  | Determines the right-alignment of the title. Can be adjusted with pixel values. Default is **auto**.              |

***

#### **Best Practices**

* Keep **padding and gap** values reasonable to maintain a balanced chart layout.
* Choose **contrasting colors** for the background and text to enhance readability.
* If using **subtitles**, adjust the **gap** to create a visually appealing structure.