Skip to content

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:

  1. Go to Theme settings > Heading effects.

    The Heading effects menu in Theme setting.

  2. Select a setting described in the following table.

Setting nameDescription
Apply style to standard headingsSelect the checkbox Apply style to standard headings to turn on/off styling for standard headings.
Apply style to feature headingsSelect the checkbox Apply style to feature headings to turn on/off styling for feature headings.
Color > Text colorUse the Text color dropdown to set the heading text to use the same color as the current color scheme's Text, Accent 1, Accent 2 or Background color.
Stroke > ThicknessAdjust the Thickness slider to set the width of the outline (stroke) around heading text characters. The slider ranges between 0px and 4px (pixels).
Stroke > ColorSelect 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 current color scheme's Text, Accent 1, Accent 2 or Background color.
Shadow > StyleUse 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 > SizeAdjust the Size slider to set a size for the heading text shadow effect. The slider ranges between 0em and 20em units.
Shadow > ColorUse the Color dropdown to set a color for the heading text shadow effect. Set the shadow effect to use the same color as the current color scheme's Text, Accent 1, Accent 2 or Card color.

Note

Shapes provides typographical options for headings in Theme settings > Typography. Refer to Typography.