🧮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 Open

3. In the provided space, specify the desired border-radius using the appropriate CSS variable. For example:

   <style>
       :root {
           --border-radius-btns-inputs: 3px;
           --border-radius-img-and-containers: 3px;
       }
   </style>

   
4. Click Save