# Border Radius

**Digital** supports customizing **Border Radius** of **buttons** and **tags**.&#x20;

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

1. `--border-radius-buttons-and-inputs` - this variable adjusts the `border-radius` for buttons and inputs.
2. `--border-radius-tags-and-icons` - this variable adjusts the `border-radius` for tags and tag icons.
3. `--border-radius-images` - this variable adjusts the `border-radius` for images.
4. `--border-radius-blocks` - this variable adjusts the `border-radius` for various elements on the website, including sidebar widgets, post's content blocks, etc.
5. `--border-radius-navigation` - this variable adjusts the `border-radius` for navigation block in header.
6. `--border-radius-submenus` - this variable adjusts the `border-radius` for submenu.
7. `--border-radius-social-icons` - this variable adjusts the `border-radius` for socials icons on the website.

## 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:

    <pre class="language-html"><code class="lang-html"><strong>&#x3C;style>  
    </strong>    :root {
    <strong>        --border-radius-buttons-and-inputs: 8px;
    </strong>        --border-radius-tags-and-icons: 8px;
            --border-radius-images: 8px;
            --border-radius-blocks: 8px;
            --border-radius-navigation: 8px;
            --border-radius-submenus: 8px;
            --border-radius-social-icons: 8px;
        }
    &#x3C;/style>
    </code></pre>

    <figure><img src="https://570087162-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwvffoSogkWPRht0dQCRD%2Fuploads%2FEYx2x4cHdT26JcxKefcm%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA.JPG?alt=media&#x26;token=ddbef71f-5628-444f-970c-ea48d6b7bba2" alt=""><figcaption><p>Code injection with border-radius variables</p></figcaption></figure>
4. Click **Save**
