Buttons serve as important visual elements for calls to action on your site. Here's how to customize them effectively.

Button Shape and Fonts Customization

To modify button appearance:

1. Open Site Styles panel
2. Click the Buttons dropdown
3. Select button type (primary, secondary, or tertiary)

Adjustable settings include:

• Text: Font and styling options
• Shape: Fill or outline options
• Outline thickness
• Horizontal padding
• Vertical padding (except for Fill buttons in editor sections)

Changes save automatically. Use "Apply to All Button Types" to maintain consistency or "Reset Button Styles" to restore defaults.

Note: Keep button text under 25 characters for optimal appearance.

Button Colors

Colors automatically align with your site's theme:

• Fill buttons: Background color fills entire button
• No Fill buttons: Color applies to outline and text
• Underlined buttons: Background color affects text, text color affects background
• Section-specific colors available through color theme modifications

Button Types and Their Applications

Primary Buttons:

• Add to Cart
• Auto Layout
• Payment options
• Donation blocks
• Newsletter blocks
• Membership signup

Secondary Buttons:

• Continue Shopping
• Cookie banner (Accept All)
• Form submit buttons

Tertiary Buttons:

• Cookie banner (Manage Cookies)
• Custom header buttons

Version 7.0 Specific Customization

For sites using version 7.0:

1. Navigate to Website > Design > Site Styles
2. Locate Buttons section
3. Adjust:
   • Button Style (Bold, Outline, Raised)
   • Shape (square, rounded, circular)
   • Colors (background and text)
   • Font selection
   • Alternative/Overlay options

Special Considerations:

• Cart buttons may have template-specific options
• Cover Page buttons use distinct settings
• Image block buttons can be customized separately
• Some template families (Bedford, Brine) offer additional navigation button customization options

These customizations ensure consistent branding while maintaining functionality across your entire site.

Related Articles

Previous Articles