Buttons

Customize the appearance of your store’s buttons to match your brand’s tone and usability goals. Control button typography, style, shape, and size for primary, secondary, and responsive button states. These settings help maintain consistency across calls to action.

Settings
Type
Description

Font

select

Choose the font family for button text: Body, Heading, or Accent.

Weight

select

Set the font weight: Light, Normal, or Bold.

Style

select

Choose button shape: Square, Rounded, or Pill.

Letter spacing

range

Adjust the spacing between letters in button text.

Uppercase

checkbox

Toggle uppercase text on all buttons.

Color

color

Set primary button color.

Color

color

Set secondary button color.

Advanced

Font size (Small button)

range

Set font size percentage for small buttons.

Width

range

Small button width.

Height

range

Small button height.

Font size (Medium button)

range

Set font size percentage for medium buttons.

Width

range

Small button width.

Height

range

Small button height.

Font size (Large button)

range

Set font size percentage for large buttons.

Width

range

Small button width.

Height

range

Small button height.

Last updated