Buttons · Hero

Controls for the Buttons content block inside Hero.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Open Hero in the theme editor, then select or add its Buttons block.

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Primary label: Edit the text shown by this component.
Primary link: Choose the destination for this link or button.
Primary style: Global button styling is managed in Theme settings > Buttons.Options: Primary · Secondary · Tertiary
Show primary on desktop: Enable or disable this option and preview the result.
Show primary on mobile: Enable or disable this option and preview the result.
Show secondary button: Enable or disable this option and preview the result.
Secondary labelConditional: Edit the text shown by this component.
Secondary linkConditional: Choose the destination for this link or button.
Secondary styleConditional: Global button styling is managed in Theme settings > Buttons.Options: Primary · Secondary · Tertiary
Secondary custom colorConditional: Choose the presentation or source that fits this component.Options: Use selected style · Custom colors
Secondary backgroundConditional: Choose a local color when the relevant custom source is enabled.
Secondary textConditional: Choose a local color when the relevant custom source is enabled.
Secondary borderConditional: Choose a local color when the relevant custom source is enabled.
Secondary hover backgroundConditional: Choose a local color when the relevant custom source is enabled.
Secondary hover textConditional: Choose a local color when the relevant custom source is enabled.
Secondary hover borderConditional: Choose a local color when the relevant custom source is enabled.
Show secondary on desktopConditional: Enable or disable this option and preview the result.
Show secondary on mobileConditional: Enable or disable this option and preview the result.
Button color source: Theme button colors come from Theme settings > Buttons; choose Custom for local overrides.Options: Section colors · Custom
BackgroundConditional: Choose a local color when the relevant custom source is enabled.
TextConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Hover backgroundConditional: Choose a local color when the relevant custom source is enabled.
Hover textConditional: Choose a local color when the relevant custom source is enabled.
Hover borderConditional: Choose a local color when the relevant custom source is enabled.
Size source: Choose the presentation or source that fits this component.Options: Theme button DNA · Custom dimensions
Minimum heightConditional: Adjust within the range offered by the theme editor.
Mobile minimum heightConditional: Adjust within the range offered by the theme editor.
Vertical paddingConditional: Adjust within the range offered by the theme editor.
Mobile vertical paddingConditional: Adjust within the range offered by the theme editor.
Horizontal paddingConditional: Adjust within the range offered by the theme editor.
Font sizeConditional: Adjust within the range offered by the theme editor.
Mobile font sizeConditional: Adjust within the range offered by the theme editor.
Font weightConditional: Choose the presentation or source that fits this component.Options: Regular · Medium · Semibold · Bold · Extra bold