Buttons
Border settings
Customize the appearance of your border:
| Setting | Description |
|---|---|
| Thickness | Use the slider to adjust the thickness of the border. The range is 0px to 12px. |
| Opacity | You can increase or decrease the visibility of the border color to make it more expressive or less noticeable. |
| Corner radius | Use the slider to control the rounding of buttons. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision. The range is 0px to 40px. |
| Corner radius on hover | Use the slider to set the desired button border radius on hover. The range is from 0px to 40px. |
| Font weight |
Adjust the font weight of button text. Choose the weight that best fits your design: • Normal – Standard weight for a clean, minimal look (400 px). • Medium – Slightly thicker for better readability (500 px). • Semi Bold – Stronger emphasis, great for important buttons (600px). • Bold – Highest emphasis to draw maximum attention to key actions (700px). |
| Enable custom button height | Turn this on to set a fixed height for buttons instead of using the automatically calculated height. |
| Custom button height | Use the slider to set a fixed height for buttons on desktop. Only available when Enable custom button height is turned on. The range is 36px to 60px. |
| Custom button height mobile | Use the slider to set a fixed height for buttons on mobile devices. Only available when Enable custom button height is turned on. The range is 36px to 60px. |