> For the complete documentation index, see [llms.txt](https://highfivethemes.gitbook.io/digital-nomad-user-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://highfivethemes.gitbook.io/digital-nomad-user-documentation/custom-settings/border-radius.md).

# Border Radius

**Digital Nomad** supports customizing **Border Radius** of **buttons** and **tags**. 

The theme provides two CSS variables that allow you to customize the border-radius of various elements:

1. `--border-radius-buttons` - this variable adjusts the `border-radius` for buttons.
2. `--border-radius-tags` - this variable adjusts the `border-radius` for tags.
3. `--border-radius-inputs` - this variable adjusts the `border-radius` for inputs.
4. `--border-radius-images` - this variable adjusts the `border-radius` for images.
5. `--border-radius-blocks` - this variable adjusts the `border-radius` for various elements on the website, including sidebar widgets, post's content blocks, etc.

***

## To customize:

1. Access the **Settings** > **Code Injection** from the admin menu.
2. Click <mark style="color:green;">**Open**</mark>
3. In the provided space, specify the desired border-radius using the appropriate CSS variable. For example:

   ```html
   <style>
       :root {
           --border-radius-buttons: 3px;
           --border-radius-tags: 3px;
           --border-radius-inputs: 3px;
           --border-radius-images: 6px;
           --border-radius-blocks: 6px;
       }
   </style>
   ```

<figure><img src="https://456903045-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6cOeGttqHsGsGDEJ7pUf%2Fuploads%2FmzJPgHpgo1xJcIDhxUkl%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-09%20%D0%B2%2012.53.18.png?alt=media&amp;token=049847e3-9fa9-4aa9-b5bb-54a2d065e58f" alt=""><figcaption></figcaption></figure>

4. Click **Save**