# Add Highlighted text to your Headings

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2F4rKnl4dwzms7K3v5cbO4%2FHyper%20docs%20screenshot%20do%20not%20delete%20(89).jpg?alt=media&#x26;token=78a0bc95-75e8-4509-be58-a3dd089de6e8" alt=""><figcaption></figcaption></figure>

Want to make certain words in your heading stand out? You can now add animated highlights to any part of your heading using simple text formatting and style options in the editor.

## ✨ What is highlighted text?

This feature lets you draw attention to specific words in your headings using underline or hand-drawn highlight animations.

It works by wrapping the target word or phrase in *italics* — the system will detect the formatting and apply your chosen highlight style automatically.

## How to add a highlighted word

{% hint style="success" %}
Steps:

1. Go to **Online Store > Themes** and click **Customize**.
2. Select the section that has the **Heading** field.
3. In the **Heading** text box, add your heading like this:

"Take the time you *deserve*, and let beauty shine within you."\
\
Wrap the word you want to highlight in italics. Click the "I" button in the editor to toggle italics when highlighting text.
{% endhint %}

> ✅ Make sure you italicize only the word or phrase you want to highlight.

## Highlight style settings

* **Highlight style**: Choose from these animated options:
  * Hand-drawn circle
  * Thick underline
  * Wave underline
  * None (default)

{% tabs %}
{% tab title="Hand-drawn circle" %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FzyTaIfbzYi07pMNIcGAY%2Fimage.png?alt=media&#x26;token=bc74dc61-636e-4613-b202-7f1339a225cc" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Thick underline" %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FvVwzxXKcMTRRAnP68pmC%2Fimage.png?alt=media&#x26;token=2928399f-c4e5-4bcc-915b-3c011a3ac378" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Wave underline" %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FiplqKMrrf7igmpRcpfxb%2Fimage.png?alt=media&#x26;token=633b5307-ed0d-44d8-a8fe-59f27510764b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="None" %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2F0RGPFuGN7IvLtgK6AauL%2Fimage.png?alt=media&#x26;token=b57cd210-887c-4a00-9156-55456fbdd9ef" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **Highlight font style**:
  * Italic&#x20;
  * Normal

{% tabs %}
{% tab title="Italic" %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FOCoFrba4JbKqL2pBXpUg%2Fimage.png?alt=media&#x26;token=e0fbdf3c-ab0d-47ba-a6d4-922dc901ee1a" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Normal" %}

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2Fq6TK0QJfuTFQJEkFY723%2Fimage.png?alt=media&#x26;token=8feb9d61-30ba-4f0b-aaf1-3e277ee0fa0d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

* **Highlight style color**: Pick the highlight stroke color.
* **Highlight text color**: Optional — lets you change the text color of the highlighted word.

## Best practices

✅ Keep your heading short and impactful — don’t highlight more than 1–2 words.

✅ Use highlight color that complements your brand palette.

✅ Ideal for landing pages, seasonal promos, and hero banners.
