# Styling

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

<figure><img src="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FSSUoSmohcQ6ubH9Erdfv%2Fimage.png?alt=media&#x26;token=a088b3ef-e473-4443-aad7-72366a815cc9" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FJuyDSZQfMx9c8srfnWJF%2Fimage.png?alt=media&#x26;token=836f7fc7-da08-47ae-a91a-20cd1a947c8f" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FWYojWOLBEtW7ZaW4g3m3%2Fimage.png?alt=media&#x26;token=a9e3689f-397e-4de8-b310-17f9ff403d3a" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2Frn3WTjaFN6hdYNmy543c%2Fimage.png?alt=media&#x26;token=06a947e2-3032-4105-a9b0-0c600b0ae719" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FcnXrNNCXDOU6fRFMmnIs%2Fimage.png?alt=media&#x26;token=d33c0508-2202-46ac-95bc-45dde93c5eec" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FQ78ievbwrZCxhnBS99LL%2Fimage.png?alt=media&#x26;token=f5bcc223-f674-401a-9f55-4026e36fbffd" 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="https://382510089-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIuuIZWiXEx25eV75hmmJ%2Fuploads%2FXjc60NdBXylWGYhb1NLz%2Fimage.png?alt=media&#x26;token=660172ee-c79c-4c2e-b816-63a413571bec" alt="" width="375"><figcaption><p>Image 7: Template after shadow style</p></figcaption></figure>