# Add Highlighted text to your Headings

<figure><img src="/files/iPkEqJysgEC3IPlSdpOw" 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="/files/xd91xUf3thXUjHi2ppFd" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Thick underline" %}

<figure><img src="/files/2VLD5ArbB6jTLvzN1cSd" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Wave underline" %}

<figure><img src="/files/3vh0hTp1gYJhURGvdoUN" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="None" %}

<figure><img src="/files/Va7Hx0P9VevDYkUgK0ZI" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

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

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

<figure><img src="/files/h0bJTUGLKGSfkRhP25At" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Normal" %}

<figure><img src="/files/IwA7iRSxIRIruyb2Mguw" 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.


---

# 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.foxecom.com/hyper-theme/faqs/add-highlighted-text-to-your-headings.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.