๐งฎ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:
--border-radius-buttons
- this variable adjusts theborder-radius
for buttons.--border-radius-images
- this variable adjusts theborder-radius
for images.--border-radius-blocks
- this variable adjusts theborder-radius
for various elements on the website, tier's card, post content block, etc.--border-radius-inputs
- this variable adjusts theborder-radius
for inputs.--border-radius-tag-icons
- this variable adjusts theborder-radius
for post tag icon ().
--border-radius-submenus
- this variable adjusts theborder-radius
for submenu in header.
To customize:
Access the Settings > Code Injection from the admin menu.
Click Open
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>
Click Save
Last updated