Layout & custom CSS
Layout & sizing
Section titled “Layout & sizing”Layout & Sizing controls the shape of things on your site:
| Setting | Example |
|---|---|
| Content max width | How wide your page content can get, for example 800px |
| Base border radius | Corner rounding for inputs and standard buttons, for example 5px |
| Card border radius | Rounding for cards and accordions, for example 14px |
| Image border radius | Rounding for photos, for example 12px |
| Pill border radius | Rounding for badges and tags, for example 999px |
| Small border radius | Rounding for tiny elements, for example 4px |
| Transition easing curve | How animations speed up and slow down |
Set a radius to 0px for sharp, square corners.
Custom CSS
Section titled “Custom CSS”If you know CSS, the Custom CSS box lets you add your own rules. They’re added on top of your site’s styles.