Appearance
Heading effects
This guide describes the Theme settings > Heading effects menu options. Use the settings to define the effects (text styles) applied to heading text (titles) throughout your store.
In the previous video, a heading is displayed, inside an Image with text overlay section, on a store's homepage. To apply a shadow style to the heading, in Theme settings > Heading effects, the Style dropdown option is changed from None (off) to Full shadow.
For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings
Apply effects to headings
To apply effects to headings:
Go to Theme settings > Heading effects.
Select a setting described in the following table.
| Setting name | Description |
|---|---|
| Apply style to base headings | Select the checkbox Apply style to base headings to turn on/off styling for base headings. |
| Apply style to template headings | Select the checkbox Apply style to template headings to turn on/off styling for template headings. |
| Apply style to secondary headings | Select the checkbox Apply style to secondary heading to turn on/off styling for secondary headings. |
| Color > Text color | Use the Text color dropdown to set the heading text to use the same color as the Text, Accent or Background color from the current color scheme. |
| Stroke > Thickness | Adjust the Thickness slider to set the width of the outline (stroke) around heading text characters. The slider ranges between 0px and 4px (pixels). |
| Stroke > Color | Select the Color radio buttons to set a color for the outline (stroke) around heading text characters. Set the stroke to use the same color as the Text or Accent color from the current color scheme. |
| Shadow > Style | Use the Style dropdown to select a type of shadow effect for heading text. The dropdown options are None (off), Drop shadow or Full shadow. |
| Shadow > Size | Adjust the Size slider to set a size for the heading text shadow effect. The slider ranges between 0em and 20em units. |
| Shadow > Color | Use the Color dropdown to set a color for the heading text shadow effect. Set the shadow effect to use the same color as the Accent, Text or Card color from the current color scheme. |
Note
Shapes provides typographical options for headings in Theme settings > Typography. Refer to Typography.