> For the complete documentation index, see [llms.txt](https://help.gordonbyte.com/themes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.gordonbyte.com/themes/halo-one/overview/announcement-bar/action-button.md).

# Action Button

## How to enable/edit? <a href="#id-1576393816-wiwigq" id="id-1576393816-wiwigq"></a>

First navigate to your **Page Builder** [*(how to launch Page Builder?)*](/themes/halo-one/halo-one-theme.md#page-builder)

To configure the button action, open the interface and navigate to the **Announcement Bar** tab. Within the **Action Button** settings, you will find three textfields: **Title, Link, and Font**. Enter your desired text in the **Title** textfield to customize the call to action button in the third column.&#x20;

Leaving the textfield blank will disable the button, allowing you to control its visibility.&#x20;

To assign a banner link, locate the textfield labeled **Link** and insert text.

{% hint style="warning" %}
Please note that when assigning a action button link, it is important to keep it within 64 characters in the textfield. Exceeding this limit may result in errors when saving changes.
{% endhint %}

## Google Font

{% hint style="info" %}
Visit [fonts.google.com](https://fonts.google.com/) to view available fonts.
{% endhint %}

When formatting fonts, follow this (example: **Google\_Audiowide\_400**).

1. Begin with "**Google**."
2. Use the "**\_**" symbol to separate components.
3. Next, specify the font name, such as "**Audiowide**."
4. Again, use the "**\_**" symbol to separate components.
5. Finally, indicate the font thickness, which ranges from 100 to 900 *(refer to Google for available options)*.

{% hint style="warning" %}
If the font name consists of multiple words, separate them using the "**+**" symbol. For instance, "**Roboto Condensed**" would be written as "**Roboto+Condensed**".
{% endhint %}