🧮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-header-buttons - this variable adjusts the border-radius for button in header.

7. --border-radius-tier-cards - this variable adjusts the border-radius for tier-card.

8. --border-radius-text-bg - this variable adjusts the border-radius for background of text .

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:

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-header-buttons: 4px;
    --border-radius-tier-cards: 8px;
    --border-radius-text-bg: 2px;
  }
</style>

1. Click Save