Carousel block
Updated today
The Carousel block displays a carousel or grid of blog posts, with responsive slide widths, an optional desktop grid, and a selectable blog source.
Settings
Configure the block in the theme editor. Some settings appear only when another setting is enabled, as noted below. You can also add a Text block or theme and app blocks inside it.
Setting | Description | Default |
|---|---|---|
Enable color scheme | Turns on the block's color scheme. The Color scheme selector shows only when this is on. | Off |
Color scheme | The color scheme applied to the block. | Scheme 1 |
Blog | The blog whose posts the block shows. | — |
Posts to show | Number of posts displayed, from 2 to 12. | 6 |
Use grid on desktop | Renders the posts as a grid instead of a carousel on desktop. Turning this on reveals Columns on desktop and Grid gap on desktop. | Off |
Columns on desktop | Number of grid columns, from 1 to 6. Only available when Use grid on desktop is on. | 3 |
Grid gap on desktop | Space between grid columns, in REM, from 0 to 34. Only available when Use grid on desktop is on. | 8 |
Slide width (Mobile) | Width of each slide on mobile, in REM, from 12 to 36. Shown only when Use grid on desktop is off. | 22 |
Slide width (Desktop) | Width of each slide on desktop, in REM, from 16 to 48. Shown only when Use grid on desktop is off. | 36 |
Margin top (Desktop) / (Mobile) | Space above the block, from 0 to 34, on each device. | 0 |
Hide block on desktop / on mobile | Hides the block on the chosen device. | Off |