Appearance
Article image
This guide describes setting up your store's Article image section. Use the section to set how the (featured) image is displayed on a blog post (article) page.
In the following image, an article image section is displayed on a store's default blog post page. On the left side of the image, the section's Overlay article title checkbox option is set to on. With this setting enabled, the blog article's title text is displayed on the featured image as overlaid text. In the center-right of the image, the blog article's title text Vintage record players is displayed as overlaid text. Refer to Shopify help: Writing blog posts.
For general guidance with modifying sections, refer to Sections overview.
Set up an article image section
To set up an article image section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains an article image section. For example, select Blog posts > Default blog post.
Note
The section is available only on Blog posts > Default blog post pages.
From the side menu, select Article image.
Select a section setting described in the following table.
| Section setting name | Description |
|---|---|
| Width | Select the Width dropdown to set the width of the section's image to Full width or Content width. Full width uses the entire width of the section, and Content width uses the width of the section's content area. |
| Crop image | Use the Crop image dropdown to set the shape of the image inside the section. The dropdown options are No crop, Portrait, Square, Landscape, Super wide, and Letterbox. |
| Overlay article title | Select the checkbox Overlay article title to show/ hide the article's title on the image, as overlaid text, inside the section. |
| Overlay text color | Select the dropdown Overlay text color to set the color for the article's title text to Primary, Secondary, Tertiary, White, or Black. The setting applies to overlaid title text when the Overlay article title option is enabled. |
| Theme settings | Select Theme settings to access additional settings for the section. Refer to Section theme settings menu. |