🧮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:
--border-radius-button
- this variable adjusts theborder-radius
for buttons.--border-radius-input
- this variable adjusts theborder-radius
for inputs.--border-radius-tags
- this variable adjusts theborder-radius
for tags.--border-radius-tag-icons
- this variable adjusts theborder-radius
for tag icon.--border-radius-images
- this variable adjusts theborder-radius
for images.--border-radius-blocks
- this variable adjusts theborder-radius
for various elements on the website, including sidebar widgets, post's content blocks, etc.--border-radius-section
- this variable adjusts theborder-radius
for header and main section.--border-radius-navigation
- this variable adjusts theborder-radius
for navigation block in header.--border-radius-date-block
- this variable adjusts theborder-radius
for date block in post card.
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:
Copy
<style> :root { --border-radius-button: 6px; --border-radius-input: 6px; --border-radius-tags: 100px; --border-radius-tag-icons: 8px; --border-radius-images: 8px; --border-radius-blocks: 8px; --border-radius-section: 16px; --border-radius-navigation: 6px; --border-radius-date-blocks: 4px; } </style>
Code injection with border-radius variables Click Save
Last updated