Blog posts
The latest posts from one of your blogs as cards with an image, title, date and excerpt. Placeholders fill the row until you have published enough posts of your own.
- In the editor
- Blog posts
- Where it goes
- Any page template, with Add section
- In the presets
- Index: Home page; Petal: Home page
- Settings
- 33
- App blocks
- Yes
Set it up
- Pick the Blog and how many Posts to show (1–9).
- Set Columns on desktop (1–4).
- Once your blog has enough posts, turn off Fill missing posts with placeholders.
Post cards
- Card style: Plain (image and text), Card (on a soft panel) or Title on the image.
- Text alignment, Heading size, Image ratio and Image shape (Rounded, Arch or Square).
- Show date, Show author and Show excerpt, and a Button label for a Read more link.
Hover effect
Zoom and lift, Zoom the image, Lift the tile, Darken the image or None, with a Zoom amount. Only cards with a link react, and only with a mouse.
All settings
Every setting in the order of the theme editor, with its options and its default value.
Section: Blog posts33 settings
| Setting | Options | Default |
|---|---|---|
| Heading | Rich text (one line) | Sample text |
| Text | Rich text | – |
| Heading size | Large · Medium · Small | Medium |
| Heading alignment | Left · Center | Left |
| Blog | Blog | – |
| Posts to show | 1–9 | 3 |
| Fill missing posts with placeholdersWhile the blog has fewer posts than the section shows. Turn off once you publish your own posts. | Checkbox | On |
| Columns on desktop | 1–4 | 3 |
| Post cards | ||
| Card style | Plain · Card · Title on the image | Plain |
| Text alignment | Left · Center | Left |
| Heading size | Small · Medium · Large | Medium |
| Image ratio | Landscape · Wide · Square · Portrait | Landscape |
| Image shape | Rounded · Arch · Square | Rounded |
| Hover effect | ||
| Effect | Zoom and lift · Zoom the image · Lift the tile · Darken the image · None | Zoom and lift |
| Zoom | 101–112% | 105% |
| Show date | Checkbox | On |
| Show author | Checkbox | Off |
| Show excerpt | Checkbox | On |
| Button label | Text | Sample text |
| Color scheme | Color scheme | Scheme 1 |
| Grid spacing | ||
| Use custom spacingOtherwise the spacing from Theme settings > Layout is used. | Checkbox | Off |
| Space between columns | 0–64px | 20px |
| Space between rows | 0–96px | 20px |
| Space between columns on mobile | 0–32px | 8px |
| Space between rows on mobile | 0–64px | 21px |
| Section spacing | ||
| Top padding | 0–160px | 80px |
| Bottom padding | 0–160px | 80px |
| Top padding on mobile | 0–120px | 56px |
| Bottom padding on mobile | 0–120px | 56px |
| Advanced | ||
| Hide on mobile | Checkbox | Off |
| Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below). | Checkbox | Off |
| Animate on scroll | Checkbox | On |
| Anchor IDLink to this section with #anchor-id. | Text | – |