# 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="/files/LXJ4pvd1AvyeXoyMdE4V" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.getinfinity.app/user-guide/comprehensive-user-guide/2.-charts/chart-customization/customizing-chart-with-advanced-editor-panel/styles/titles.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.