🧮Border Radius

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

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

   <style>  
       :root {
           --border-radius-buttons-and-inputs: 8px;
           --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;
       }
   </style>

   

   Code injection with border-radius variables
4. Click Save