Slide
One slide of the slideshow. It can show an image or a video, with a separate image or video for mobile. Text is placed separately for desktop and mobile.
Where it is used
Used only in the slideshow section, and on the home page template.
Settings
Image settings
| Setting | Options | Description |
|---|---|---|
| Image | 1920px x 840px recommended | |
| Image on mobile | 348px x 348px recommended |
Video settings
| Setting | Options | Description |
|---|---|---|
| Video | 684px x 500px recommended. | |
| Video on mobile | 390px x 572px recommended | |
| Overlay opacity | Darkens the slide's image or video with a black layer so the text stays readable. A slide with no image or video uses a fixed 20%. |
Content
| Setting | Options | Description |
|---|---|---|
| Highlight text | Short badge text shown above the subheading. The badge is hidden when this is empty. | |
| Badge icon | • None | Icon placed inside the badge before its text: none, a star or a dot. |
| Background color | Background color of the badge. | |
| Text color | Color of the badge text. | |
| Subheading | Small line shown above the heading. | |
| Heading | Leave blank to hide the heading. | |
| Heading size | • Heading 0 | Edit presets in theme settings (/editor?context=theme&category=typography) |
| Description | Text shown under the heading, with rich text formatting. | |
| First button label | Leave the label blank to hide the button. | |
| First button link | Page the slide button opens. Without a link the button still appears but is disabled. | |
| First button style | • Primary | Primary is a solid button and Outline has a border only. |
Desktop layout
| Setting | Options | Description |
|---|---|---|
| Content position on desktop | • Top left | On mobile, the position adjusts automatically. |
| Content alignment | • Left | Aligns the slide text to the left, center or right on desktop. |
Mobile layout
| Setting | Options | Description |
|---|---|---|
| Content position on mobile | • Top | Vertical position of the text block on mobile: top, middle or bottom of the slide. |
| Content alignment on mobile | • Left | Aligns the slide text to the left, center or right on mobile. |
A video takes priority over an image when both are set. Overlay opacity adds a dark layer over the media, and the default of 0% adds none. Highlight text appears first, as a small framed label.
Notes
Text appears in this order: highlight text, subheading, heading, description, then the button.
No comments yet