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

# Border Radius

**Paragraph** supports customizing **Border Radius** of buttons, inputs and page elements (images, post blocks). 

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

1. `--border-radius-btns-inputs`: This variable controls the border-radius for buttons and input fields.
2. `--border-radius-img-and-containers`: This variable affects the border-radius for images and other container elements such as post blocks.

## 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-btns-inputs: 3px;
           --border-radius-img-and-containers: 3px;
       }
   </style>
   ```

   <figure><img src="/files/vIUU6NK22lFbDYibflin" alt=""><figcaption></figcaption></figure>
4. Click **Save**