Featured blog settings
A section that shows the latest articles from a blog as a carousel or a grid, with an optional heading above. The section has no blocks: all settings are in the section panel.
Section settings
| Setting | Description |
|---|---|
| Color scheme | Color scheme applied to the section. Schemes are managed in Theme settings → Colors; use Edit scheme to jump there. Default: Scheme 1. |
Subheading
| Setting | Description |
|---|---|
| Subheading | Short line above the heading. Supports inline formatting. Leave empty to hide it. The settings below appear only when a subheading is entered. Default: Section subheading. |
| Preset | Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Presets are edited in Theme settings → Typography. Default: Subheading. |
| Icon | Decorative icon before the text: None, Dot, Square or Triangle. Available only with the Subheading preset. Default: Triangle. |
| Icon color | Color of the icon: Heading, Text, Accent or Custom. Available only with the Subheading preset and an icon selected. Default: Custom. |
| Icon custom | Custom icon color. Available only when Icon color is Custom. Default: #2B62C8. |
| Icon custom dark mode | Custom icon color used in dark mode. Available only when Icon color is Custom and dark mode is enabled in Theme settings. Default: #2B62C8. |
| Font | Font family: Heading large, Heading small, Body or Accent. Default: Accent. |
| Color | Text color: Heading, Text or Accent. Default: Accent. |
| Text style | Letter case: Normal, Uppercase or Lowercase. Default: Uppercase. |
| Bottom space | Space between the subheading and the heading. Shown when a heading or description is entered. Range: 0–60 px. Default: 40 px. |
| Bottom space mobile | The same space on mobile. Range: 0–40 px. Default: 20 px. |
Heading
| Setting | Description |
|---|---|
| Heading | Section heading. Supports inline formatting. Leave empty to hide it. The settings below appear only when a heading is entered. Default: Featured blog. |
| Preset | Typography preset (same options as the subheading). Default: H2. |
| Icon, Icon color, Icon custom, Icon custom dark mode | Same as for the subheading; available only with the Subheading preset. |
| Font | Font family: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Color | Text color: Heading, Text or Accent. Default: Heading. |
| Text style | Letter case: Normal, Uppercase or Lowercase. Default: Uppercase. |
| Bottom space | Space between the heading and the description. Shown when a description is entered. Range: 0–60 px. Default: 16 px. |
| Bottom space mobile | The same space on mobile. Range: 0–40 px. Default: 8 px. |
Description
| Setting | Description |
|---|---|
| Description | Text under the heading. Supports inline formatting. Leave empty to hide it. The settings below appear only when a description is entered. |
| Preset | Typography preset (same options as the subheading). Default: Paragraph. |
| Icon, Icon color, Icon custom, Icon custom dark mode | Same as for the subheading; available only with the Subheading preset. |
| Font | Font family: Heading large, Heading small, Body or Accent. Default: Body. |
| Color | Text color: Heading, Text or Accent. Default: Text. |
| Text style | Letter case: Normal, Uppercase or Lowercase. Default: Normal. |
| Header bottom space | Space between the whole header (subheading, heading, description) and the articles. Shown when any of them is entered. Range: 0–60 px. Default: 40 px. |
| Header bottom space mobile | The same space on mobile. Range: 0–60 px. Default: 40 px. |
Layout
| Setting | Description |
|---|---|
| Blog | Blog whose articles are shown. |
| Article count | Maximum number of articles shown. Range: 1–16. Default: 6. |
| Layout style | Grid or Carousel. Default: Carousel. |
| Desktop columns | Number of articles per row on desktop. Range: 1–5. Default: 3. |
| Mobile columns | Number of articles per row on mobile: One or Two. Default: One. |
| Desktop horizontal spacing | Space between articles on desktop. Range: 0–60 px. Default: 8 px. |
| Mobile horizontal spacing | Space between articles on mobile. Range: 0–40 px. Default: 8 px. |
| Desktop vertical spacing | Space between rows on desktop. Available only for the Grid layout. Range: 0–60 px. Default: 16 px. |
| Mobile vertical spacing | Space between rows on mobile. Available only for the Grid layout. Range: 0–40 px. Default: 16 px. |
| Show view all | Shows a “View all” button. The settings below appear only when this is on. Default: Off. |
| View all label | Button text. Default: View all. |
| View all button style | Primary, Secondary, Outline or Inline. Button styles are edited in Theme settings → Buttons. Default: Primary. |
| Button icon | Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Default: None. |
| Button icon position | Places the icon to the left or right of the label. Available only when an icon is selected. Default: Right. |
| Show arrows | Shows previous/next arrows on desktop. Available only for the Carousel layout. Default: On. |
| Show arrows on mobile | Shows arrows on mobile. Available only for the Carousel layout. Default: Off. |
| Show scrollbar | Shows a scrollbar under the carousel. Available only for the Carousel layout. Default: On. |
Article card
| Setting | Description |
|---|---|
| Color scheme | Color scheme of the article cards. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
| Card style | Standard shows the content directly on the page; Card puts it on a card. Default: Card. |
| Card direction | Order of the image and the text in a card: Column (image on top), Column reverse (image at the bottom) or Column mixed (alternates between the two from card to card). Default: Column mixed. |
| Card background | Background of the card: Background or Background secondary. Available only when Card style is Card. Default: Background secondary. |
| Media size | Shape of the article image: Adapt (original proportions), Portrait, Square, Landscape, Wide, Ultra wide or Custom. Default: Wide. |
| Custom media size | Image height as a percentage of its width. Available only when Media size is Custom. Range: 40–180 %, step 2. Default: 100 %. |
| Heading size | Size of the article title: Large, Medium, Small or Extra small. Default: Medium. |
| Heading font | Font of the article title: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Heading color | Color of the article title: Heading, Text or Accent. Default: Heading. |
| Heading text style | Letter case of the article title: Normal, Uppercase or Lowercase. Default: Uppercase. |
| Show tag | Shows the article tag. Default: On. |
| Tag position | Where the tag is shown: On image or In content. Available only when the tag is shown. Default: On image. |
| Show excerpt | Shows a short excerpt of the article. Default: On. |
| Show link | Shows a link to the article. The settings below appear only when this is on. Default: On. |
| Link label | Text of the link. Default: Read more. |
| Link button style | Primary, Secondary, Outline or Inline. Default: Inline. |
| Link button icon | Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Default: None. |
| Link button icon position | Places the icon to the left or right of the label. Available only when an icon is selected. Default: Right. |
| Show date | Shows the publication date. Default: On. |
| Show author | Shows the article author. Default: Off. |
Padding
| Setting | Description |
|---|---|
| Top | Space above the section content on desktop. Range: 0–200 px, step 2. Default: 60 px. |
| Bottom | Space below the section content on desktop. Range: 0–200 px, step 2. Default: 60 px. |
| Top mobile | Space above the section content on mobile. Range: 0–120 px, step 2. Default: 30 px. |
| Bottom mobile | Space below the section content on mobile. Range: 0–120 px, step 2. Default: 30 px. |
Custom CSS
The Custom CSS field at the bottom of the section panel is a standard Shopify setting. CSS entered there applies to this section only.