> 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/performance-management/card-formatting/customize-template/styling.md).

# Styling

We can style values in the custom template using the "Background," "Border," and "Shadow" options.

<figure><img src="/files/uiTVJedpEngXiiOrgfH7" alt="" width="375"><figcaption><p>Image 1: Styling option</p></figcaption></figure>

### 1. Background

Select the value in the template, click on "Background," and then choose the color you would like to apply behind the value.

<figure><img src="/files/UeVEpi11qOWqdEkCMp7p" alt="" width="375"><figcaption><p>Image 2: Choose Background Color</p></figcaption></figure>

After selecting a background, the template appears as shown in the image below:

<figure><img src="/files/6lIMixo3T4FJdRuSUAcV" alt="" width="375"><figcaption><p>Image 3: Template after selecting background color</p></figcaption></figure>

### 2. Border

Select the value in the template, click on "Border," and configure the weight, corner radius, and color options for the selected value.

<figure><img src="/files/ZHAF5IgMaUnTbJEOZpYx" alt="" width="375"><figcaption><p>Image 4: Border Configuration</p></figcaption></figure>

After Border configuration, the template appears as shown in image below:

<figure><img src="/files/dNZ7gqjqgPFYSkZvgKkN" alt="" width="375"><figcaption><p>Image 5: Template after border configuration</p></figcaption></figure>

### 3. Shadow

Select the value in the template, click on "Shadow," and then choose the shadow style and color you would like to apply around the value.

<figure><img src="/files/o0DpJgDuCbZmjUMyIAmY" alt="" width="375"><figcaption><p>Image 6: Shadow style and color</p></figcaption></figure>

After applying Shadow style and color, the template appears as shown in image below:

<figure><img src="/files/SgSxXh1dykVWvJ45uNFA" alt="" width="375"><figcaption><p>Image 7: Template after shadow style</p></figcaption></figure>