Buttons
These settings define the shape, size and text style of buttons across the theme. Inline buttons have their own settings below. Button colors are set in the color schemes (Colors → Schemes).
| Setting | Description |
|---|---|
| Hover animation | Defines the animation played when a visitor hovers over a button. None: no animation. Fill sweep: the hover color sweeps across the button. Swipe through: the hover color swipes through the button. Applies to primary and secondary buttons. Default: Fill sweep. |
| Button height | Sets the height of buttons. Range: 40–60 px. Default: 44 px. |
| Button paddings | Sets the space between the button text and the left and right edges of the button. Range: 20–60 px. Default: 24 px. |
| Border thickness | Sets the thickness of the button border. Set it to 0 to remove the border. Range: 0–6 px. Default: 1 px. |
| Border radius | Sets the corner radius of buttons. Use 0 for square corners. The radius is visible mainly when Shape style (Layout → Shape) is set to Classic; with Angular buttons use cut corners. Range: 0–40 px. Default: 4 px. |
| Font size | Sets the button text size on desktop. Range: 10–24 px. Default: 14 px. |
| Font size mobile | Sets the button text size on mobile devices. Range: 10–24 px. Default: 14 px. |
| Font family | Defines which font family is used for button text: Heading, Body or Accent. The families themselves are set in Typography → Fonts. Default: Accent. |
| Letter spacing | Sets the space between letters in button text. Negative values bring letters closer together. Range: −10 to 30%. Default: 6%. |
| Text style | Defines the letter case of button text: Normal, Uppercase or Lowercase. Default: Normal. |
Inline button
Inline buttons look like text links with an arrow or icon. They use their own text settings.
| Setting | Description |
|---|---|
| Font size | Sets the inline button text size on desktop. Range: 10–24 px. Default: 14 px. |
| Font size mobile | Sets the inline button text size on mobile devices. Range: 10–24 px. Default: 14 px. |
| Font family | Defines which font family is used for inline button text: Heading, Body or Accent. Default: Accent. |
| Letter spacing | Sets the space between letters in inline button text. Range: −10 to 30%. Default: 6%. |
| Text style | Defines the letter case of inline button text: Normal, Uppercase or Lowercase. Default: Normal. |