# Buttons Background Color

The **Digital Nomad** theme allows users to change the font and icon colors in buttons within certain sections. These sections include:

1. **Author name with image and bio light background**
2. **Fullscreen section with cover image**
3. **Membership light background**
4. **Subscribe banner with benefits light background**

<div><figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2F4eP4elFWdiy754Cmpcg1%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-11%20%D0%B2%2011.21.30.png?alt=media&#x26;token=85d6fb62-0f4d-42cb-86d4-3f03d8b5c606" alt=""><figcaption><p><strong>Author name with image and bio light background</strong></p></figcaption></figure> <figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FfJOhtM7s2LEIWy6eHnbg%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-11%20%D0%B2%2011.22.05.png?alt=media&#x26;token=daf1adcb-ab5f-4b0f-a449-100603e72006" alt=""><figcaption><p><strong>Membership light background</strong></p></figcaption></figure></div>

<div><figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FdkjNZVf8nH4hNZx8R6FJ%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-11%20%D0%B2%2011.22.30.png?alt=media&#x26;token=1f4cf016-bb1e-4eb1-9b61-57793840f538" alt=""><figcaption><p><strong>Fullscreen section with cover image</strong></p></figcaption></figure> <figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FBU6X7h4jOJxQQfEQwQSv%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-11%20%D0%B2%2011.23.57.png?alt=media&#x26;token=4724642e-2c4a-4414-93b0-fe32dff39965" alt=""><figcaption><p><strong>Subscribe banner with benefits light background</strong></p></figcaption></figure></div>

### To customize:

* Go to **Settings > Code injection** from the admin panel
* Open **Site header** tab
* Add the following **code** snippet and modify the variable value to your favorite color:

```html
<style>
  :root {
    --btn-colored-text: #FFDAA4;
  }
</style>
```

<figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FCPupanl0BWRtQXUCwdLC%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-04-11%20%D0%B2%2011.29.11.png?alt=media&#x26;token=0ebfc3da-6219-4dcc-8bb1-b95ca6c15a5d" alt=""><figcaption></figcaption></figure>

* Click **Save**
