> For the complete documentation index, see [llms.txt](https://docs.xviz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.xviz.com/project-management/other-features/text-customization.md).

# Text Customization

The xViz Gantt Chart offers extensive customization options for text through the Font Style feature in the Data Grid section.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FutQeF7tzQDPQ0pC5V7xc%2Ftext.gif?alt=media&amp;token=a2d5730c-9667-4ab4-b6be-16606914e999" alt=""><figcaption><p><em>GIF 1: Text Customization in xViz Gantt Chart</em></p></figcaption></figure>

### Steps to Configure Text Customization:

1. Go to the Format Pane and navigate to the “Data Grid” section.

<img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FsF5zlZSgWjb2cyuDkjo6%2F0.png?alt=media" alt="Image 1: Data Grid Section in the Format Pane" width="181">

2. You will find the “Node Customization” option to select the Node Type for which you would like to add the customization.

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FM66oyZDT65tEykzPVn0a%2Fimage.png?alt=media&amp;token=abaf47d8-29cb-411b-9f49-e2b39ec23ce7" alt="" width="178"><figcaption><p><em>Image 2: Select node type</em></p></figcaption></figure>

{% hint style="info" %}

* Child node: Applied the text customization on Child node or Sub tasks
* Root node: Applied the text customization on Root node or Parent task
  {% endhint %}

3. Then you can display the Font Style in different styles such as:

* Bold
* Italic
* Underline
* Default

<img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FhpukJJwHoQPVHclCBiea%2F2.png?alt=media" alt="Image 3: Select the Data Grid Font Style" width="183">

4. Finally, select the Data Grid Font Color and adjust the Size of the text.

<img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FaTpHlsNB4DOTZGz3J4YD%2F3.png?alt=media" alt="Image 4: Select the Color and Adjust size" width="182">

The final result, highlighting the customized text appearance, is displayed in the image below:

![Image 5: Text Customization in xViz Gantt Chart](https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FrGxBekPhx3bjm5kIG3qi%2F4.png?alt=media)