Buttons

Usage

Open Appearance → Customize → Styles → Buttons to set the default look for buttons across the site — block buttons, form submits, WooCommerce CTAs, and any element using the .button or .is-style-button classes.

Choose Font, Size, Weight, and Transform to match your brand voice, then tune Horizontal Padding, Vertical Padding, Border Radius, and Border Width for the shape you want. Color sets the primary button fill (from your Palette); Secondary Buttons sets the alternate color used by Alternate button styles.

When to use it

• After Styles → Palette, when primary CTAs need to match brand colors.
• When buttons feel too large, too square, or mismatched with form fields — align Border Radius with Styles → Forms.
• Before auditing Hero, CTA, and Grid blocks that offer Button versus Alternate link styles.

Tips

• Color drives background and border on standard buttons; button label text uses the palette Button Text swatch (not a control on this screen).
• Blocks and ACF fields that pick Alternate or is-style-alternate pull from Secondary Buttons — set it to Secondary or Accent for a clear second CTA color.
• Border Width at 0 with Border Radius above 0 gives filled pills; a visible border works well for hollow buttons on photography.
• Navigation items styled as buttons inherit these settings — see Styles → Navigation for menu-specific typography.