> For the complete documentation index, see [llms.txt](https://highfivethemes.gitbook.io/revision/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/revision/custom-settings/border-radius-and-colors.md).

# Border Radius And Colors

1. `--border-radius-button` - this variable adjusts the `border-radius` for buttons.
2. `--border-radius-input` - this variable adjusts the `border-radius` for inputs.
3. `--border-radius-tags` - this variable adjusts the `border-radius` for tags.
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.
6. `--border-radius-tier-cards` - this variable adjusts the `border-radius` for tier-card.
7. `--border-radius-submenu` - this variable adjusts the `border-radius` for submenu in header.
8. `--border-radius-submenu-item` - this variable adjusts the `border-radius` for submenu item in header.
9. `--border-radius-subscribe-popup-image` - this variable adjusts the `border-radius` for popup image.
10. `--border-radius-sidebar-author-image` - this variable adjusts the `border-radius` for author image in sidebar.
11. `--section-bg-color` - this variable adjusts the `background-color` for footer and subscribe section.

#### To customize: <a href="#to-customize" id="to-customize"></a>

1. Access the **Settings** > **Code Injection** from the admin menu.
2. Click **Open**
3. In the provided space, specify the desired border-radius using the appropriate CSS variable. For example:

**Copy**

```
<style>
  :root {
    --border-radius-button: 8px;
    --border-radius-input: 6px;
    --border-radius-tags: 100px;
    --border-radius-images: 8px;
    --border-radius-blocks: 8px;
    --border-radius-tier-cards: 8px;
    --border-radius-submenu: 4px;
    --border-radius-submenu-item: 8px;
    --border-radius-subscribe-popup-image: 2px;
    --border-radius-sidebar-author-image: 2px;
    --section-bg-color: #000;
  }
</style>
```

4. Click **Save**