Inline features
Theme section
Last updated
Theme section
Last updated
Use the Inline features section to display rows of text blocks with small icon-like images, great for highlighting your values, how your company works, or explaining key elements of your product.
Add this section to any template (except Checkout) and use the drag-and-drop handles to re-order its position. You can add this section multiple times with different content and settings.
You can add up to 6 Feature blocks with headings, subheadings, and an icon-like image.
The Inline posts section settings apply to all Feature blocks. You can set the number of columns per row, change the Image shape of your feature images, set the Text alignment to position the feature image left or right.
Customize the section Style with options for section Spacing, Animation, and Alternate section color.
Click the Feature blocks to find the following settings.
Setting | Description |
---|---|
Image | Select or upload an image to accompany or illustrate the individual feature. We recommend a square image, ideally 160px by 160px. |
Heading | Add text for the feature block heading. We recommend using a short title. |
Subheading | Add text to show a subheading below the main heading. |
Max width of text | Use the slider to control the maximum width and line breaks of the headings. |
Click the Inline features section to find the following settings.
Setting | Description |
---|---|
Columns per row | Select the number of collections to show in each row for desktop. |
Image shape | Choose to display the Feature block image as Round or Square. |
Text alignment | Choose to align the section content to either the Left or Right. |
Setting | Description |
---|---|
Enable animation | Choose whether to display visual effects when scrolling, hovering, or interacting with the section. See our Section animations to learn more. |
Use alternate section color | Apply the alternate section colors as chosen in your Theme Settings. See Spark's theme color settings to learn how to create a secondary color scheme with alternate section colors. |
Spacing | Add padding around the section content: either the Top and bottom, Top only, Bottom only, or set it to None. |
Spacing amount | Increase or decrease the amount of space around the section: either Full, Half, or Minimum. |
Related links Image with features Image with text Text columns with images