๐ŸงฎBorder Radius

Paradigm 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-buttons - this variable adjusts the border-radius for buttons.

  2. --border-radius-images - this variable adjusts the border-radius for images.

  3. --border-radius-blocks - this variable adjusts the border-radius for various elements on the website, tier's card, post content block, etc.

  4. --border-radius-inputs - this variable adjusts the border-radius for inputs.

  5. --border-radius-tag-icons - this variable adjusts the border-radius for post tag icon ( ).

  6. --border-radius-submenus - this variable adjusts the border-radius for submenu in header.

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-blocks: 4px;
            --border-radius-images: 4px;
            --border-radius-buttons: 4px;
            --border-radius-tag-icons: 4px;
            --border-radius-inputs: 4px;
            --border-radius-submenus: 4px;
        }
    </style>
  4. Click Save

Last updated