CTA Button · How To / Steps Guide

Controls for the CTA Button content block inside How To / Steps Guide.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Open How To / Steps Guide in the theme editor, then select or add its CTA Button block.

Editor controls

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

Button Text: Edit the text shown by this component.
Button Action: Choose the presentation or source that fits this component.Options: Custom Link · Scroll to Element
Button Link: Choose the destination for this link or button.
Scroll Target (CSS Selector): Edit the text shown by this component.
Show Arrow: Enable or disable this option and preview the result.
Arrow Character: Any character: â†’, âœ, â, â†—, etc.
Button Style: Primary, Secondary and Tertiary inherit from Theme Settings > Buttons. Custom uses this block's local styling controls.Options: Primary · Secondary · Tertiary · Custom (per-block)
Font Size: Adjust within the range offered by the theme editor.
Font Weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Text Transform: Choose the presentation or source that fits this component.Options: None · Uppercase · Capitalize
Letter Spacing: Adjust within the range offered by the theme editor.
Vertical Padding: Adjust within the range offered by the theme editor.
Horizontal Padding: Adjust within the range offered by the theme editor.
Border RadiusConditional: Adjust within the range offered by the theme editor.
Full Width: Enable or disable this option and preview the result.
Alignment (when not full width): Choose the presentation or source that fits this component.Options: Left · Center · Right
Background ColorConditional: Choose a local color when the relevant custom source is enabled.
Gradient (Optional)Conditional: Use the matching control in the theme editor and preview the component before publishing.
Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Border ColorConditional: Choose a local color when the relevant custom source is enabled.
Hover Background ColorConditional: Choose a local color when the relevant custom source is enabled.
Hover Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Hover Border ColorConditional: Choose a local color when the relevant custom source is enabled.
Shadow ColorConditional: Choose a local color when the relevant custom source is enabled.
Border WidthConditional: Adjust within the range offered by the theme editor.
Top Spacing: Adjust within the range offered by the theme editor.
Bottom Spacing: Adjust within the range offered by the theme editor.