> For the complete documentation index, see [llms.txt](https://conusyntax.gitbook.io/products/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://conusyntax.gitbook.io/products/common-ui-button-style.md).

# Common UI Button Style

Most buttons in the Character Creator reference centralized **Common Button Style** and **Common Text Style** assets. Modifying these assets will globally update all buttons that use them.

#### Updating Button Visuals

To change the background or interaction states (Normal, Hovered, Pressed) of buttons:

1. Go to **Blueprints/Widgets/Styles/Button**.
2. Open the relevant **Common Button Style** asset.
3. Adjust the Slate Brushes for each state to update the appearance across the Character Creator.

<figure><img src="https://1883754984-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6EcXMpvBDtWhtztAbvO1%2Fuploads%2FInoZ0xIOi6qSDpGOE4mM%2FCommon%20UI%20Button%20Style%201.png?alt=media&amp;token=fd753e5a-ef25-4dc4-8449-0ef2560f0355" alt=""><figcaption></figcaption></figure>

#### Updating Text Styles

To change the font, size, or appearance of the labels on your buttons:

1. Go to **Blueprints/Widgets/Styles/Text**.
2. Open the relevant **Common Text Style** asset.
3. Modify the settings within this asset to apply the changes globally.

<figure><img src="https://1883754984-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6EcXMpvBDtWhtztAbvO1%2Fuploads%2FKaSvXYINS5Omnoy3DRcS%2FCommon%20Text%20Style.png?alt=media&amp;token=515a4022-e0e9-4557-b5dd-ed1ca28db5f4" alt=""><figcaption></figcaption></figure>

#### The Exception: WBP\_GenericButton

The **WBP\_GenericButton** is designed to be highly unique and does not follow the global style assets. By default, it utilizes an "Empty Style," and its visual appearance is configured on an individual basis.

To stylize a specific **WBP\_GenericButton**:

1. Select the widget in the **Designer**.
2. Go to the **Details** panel **Button** ➞ **General** ➞ **Style**.
3. From here, you can directly adjust specific outline states, such as:

* **Outline Deselected**
* **Outline Selected**
* **Outline Hovered**

<figure><img src="https://1883754984-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6EcXMpvBDtWhtztAbvO1%2Fuploads%2FykwxlCzVoVQ8mSMyasNq%2FCommon%20UI%20Button%20Style%202.png?alt=media&amp;token=61b7216e-eb0f-4afa-97e2-4d189a03e1d9" alt=""><figcaption></figcaption></figure>