Appearance
Feature text ​
This guide describes the Feature text section.
Use the section to display text on a store page, with or without links, and heading effects.
For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks.
Configure the Feature text section ​
To configure your Feature text section:
Go to Customize theme.
In Theme editor, at the top of the page, use the dropdown to select a page that contains a Feature text section.
Note
The section can be added into any page, except Giftcard and Customer pages. To add the section into the current page, select Add section > Feature text. Refer to Shopify help: Add a section.
From the side menu, select Feature text.
Select a setting described in the following table.
Setting name | Description |
---|---|
Text | In the Text box, enter (body) text to display inside the section. Format the text and add links, using the Text editor pane. |
Text > Connect dynamic source | To display (body) text from a dynamic source, select the Connect dynamic source icon beside the Text box, and then choose a metafield to add. Refer to Shopify help: Metafields. |
Mobile font size scale | Adjust the Mobile font size scale slider between -2 and 7 . Use this option to specify a default font size for text inside the section. The setting applies to mobile display devices. Refer to Shopify help: Customize your font sizes. |
Desktop font size scale | Adjust the Desktop font size scale slider between -2 and 11 . Use this option to specify a default font size for text inside the section. The setting applies to desktop display devices. Refer to Shopify help: Customize your font sizes. |
Display on card | Set the Display on card checkbox to on or off . Use this option to show/hide a card behind the section. Refer to Shopify help: Cards. |
Apply heading effects | Set the Apply heading effects checkbox to on or off . Use this option to turn on/off heading effects for heading text inisde the section. Customize the heading effects in Theme settings > Heading effects. |
Content width on desktop | Use the Content width on desktop options to select 1/3, 1/2, 2/3 or Full. Use this option to specify a width for the section's content area. The setting applies to desktop display devices. |
Link > Button link | In the Button link box, enter a URL or select a link to store page. The link is used by the section's button. To remove a link, select the X icon inside the text box. To visit the link, select the Visit link icon above the Link box. |
Link > Button link > Connect dynamic source | To display a (button) link from a dynamic source, select the Connect dynamic source icon beside the Button link box, and then choose a metafield to add. Refer to Shopify help: Metafields. |
Link > Label | In the Label box, enter text to display as the section's button label text. The button is displayed inside the section when the Button link box is populated. |
Link > Label > Connect dynamic source | To display (button label) text from a dynamic source, select the Connect dynamic source icon beside the Label box, and then choose a metafield to add. Refer to Shopify help: Metafields. |
Color > Color scheme | Use the Color scheme picker to select a color scheme for the section. Refer to Colors. |
Color > Theme settings (link) | Follow the Theme settings link to open Theme editor's Color theme settings. Use the settings to edit the theme colors for your entire store. |
Color > Use gradient for background | Set the Use gradient for background checkbox to on or off . Use this option to turn on/off using a gradient as the section's background. |
Theme settings | If available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu. |
Custom CSS | Select Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS. |
Remove section | Select Remove section to delete the section from the current page. |
Configure a block within a Feature text section ​
To configure a block for your Feature text section:
Go to Customize theme.
In Theme editor, at the top of the page, use the dropdown to select a page that contains a Feature text section.
From the side menu, expand the Feature text section menu.
To configure an existing block, select the block from the side menu.
To add a new block, select Add block, choose a block to add, and then select the block you added.
Note
Inside the section, you can add, remove, show, hide, and move blocks. Refer to Configure blocks inside a section, and Shopify help: Sections and blocks.
Apply a block setting described in the following table.
Block name | Block description | Block setting(s) |
---|---|---|
Background pattern | Displays a stylistic pattern as a background inside the section. | Refer to Background pattern. |
Background shape | Displays a stylistic shape as a background inside the section. | Refer to Background shape. |
Sticker | Overlays the section with a stylized sticker. | Refer to Stickers. |
Shape divider | Displays a stylized separator between the current section and the next/previous section. | Refer to Shape divider. |