Highlighted description

Placement and available controls for the Highlighted description block.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Open the parent section and use Add block where this block is offered.

Editor controls

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

Color source: Theme colors use Color DNA, Color scheme uses a shared Shopify preset, and Custom affects only this block.Options: Theme colors · Color scheme · Custom
Color schemeConditional: Choose an available Shopify color scheme.
BackgroundConditional: Choose a local color when the relevant custom source is enabled.
TextConditional: Choose a local color when the relevant custom source is enabled.
HighlightConditional: Choose a local color when the relevant custom source is enabled.
Highlight textConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Text: Bold text becomes highlighted automatically.
Show legacy placeholder fields: Only use this if you want the older [highlight_1] placeholder workflow.
Legacy text patternConditional: Use [highlight_1], [highlight_2], etc. where highlighted text should appear.
Legacy highlight 1Conditional: Edit the text shown by this component.
Legacy highlight 2Conditional: Edit the text shown by this component.
Legacy highlight 3Conditional: Edit the text shown by this component.
Legacy highlight 4Conditional: Edit the text shown by this component.
Legacy highlight 5Conditional: Edit the text shown by this component.
Font family: Choose the presentation or source that fits this component.Options: Inherit · Body · Heading
Font size: Adjust within the range offered by the theme editor.
Mobile 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
Line height: Adjust within the range offered by the theme editor.
Letter spacing: Adjust within the range offered by the theme editor.
Alignment: Use the matching control in the theme editor and preview the component before publishing.
Text color: Choose a local color when the relevant custom source is enabled.
Highlight background: Choose a local color when the relevant custom source is enabled.
Highlight text color: Choose a local color when the relevant custom source is enabled.
Highlight weight: Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold · Bold
Show block background: Enable or disable this option and preview the result.
Block backgroundConditional: Choose a local color when the relevant custom source is enabled.
Max width: Adjust within the range offered by the theme editor.
Border style: Choose the presentation or source that fits this component.Options: None · Solid · Dashed · Dotted
Border width: Adjust within the range offered by the theme editor.
Border color: Choose a local color when the relevant custom source is enabled.
Border radius: Adjust within the range offered by the theme editor.
Highlight radius: Adjust within the range offered by the theme editor.
Highlight horizontal padding: Adjust within the range offered by the theme editor.
Highlight vertical padding: Adjust within the range offered by the theme editor.
Horizontal padding: Adjust within the range offered by the theme editor.
Vertical padding: Adjust within the range offered by the theme editor.
Mobile horizontal padding: Adjust within the range offered by the theme editor.
Mobile vertical padding: Adjust within the range offered by the theme editor.
Top margin: Adjust within the range offered by the theme editor.
Bottom margin: Adjust within the range offered by the theme editor.