# Media with text section

Source: https://themes.spicydesign.ca/help/reference/sections/media-text/
Updated: 2026-11-12

Image or video in an arch, circle or pill shape with parallax, a wipe reveal and a rotating text badge.


Image or video in an arch, circle or pill shape with parallax, a wipe reveal and a rotating text badge.

The same section in the three themes:

![The Media with text section in the Picante style.](https://themes.spicydesign.ca/help/shots/section-media-text--picante.webp)

![The Media with text section in the Overdrive style.](https://themes.spicydesign.ca/help/shots/section-media-text--overdrive.webp)

![The Media with text section in the Pastille style.](https://themes.spicydesign.ca/help/shots/section-media-text--pastille.webp)

**Where to find it:** In the theme editor, choose **Add section** on any template, then pick **Media with text**.

When you add this section, it starts from the **Media with text** preset.

## Settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Image | Image |  |  |  |
| Video | Video |  |  | Plays muted on a loop with a pause button, and replaces the image. |
| Autoplay | Checkbox | Off |  | Plays muted on a loop with a pause button. Customers who prefer reduced motion see it paused. Shown when **Video** is on. |
| Shape | Select | Arch | Rounded, Arch, Circle, Pill |  |
| Image ratio | Select | Portrait (4:5) | Adapt to image, Portrait (4:5), Square (1:1), Landscape (4:3), Wide (16:9) | Shown when **Shape** is not Circle. |

### Layout

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Position | Select | Left | Left, Right |  |
| Width split | Select | Media 50 / text 50 | Media 40 / text 60, Media 50 / text 50, Media 60 / text 40 |  |
| Vertical alignment | Select | Middle | Top, Middle, Bottom |  |
| Mobile order | Select | Media first | Media first, Text first |  |

### Motion

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Drift images on scroll | Checkbox | On |  |  |
| Reveal media with a wipe | Checkbox | On |  | When off, the media follows the section animation. |

### Rotating badge

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Badge text | Text | Made with care |  | The text runs around a circle and repeats to fill it. 40 characters max. Leave empty to hide the badge. |
| Icon | Select | Sparkle | None, Flame, Sparkle, Star, Leaf, Heart |  |
| Position | Select | Bottom right | Top left, Top right, Bottom left, Bottom right |  |
| Size | Slider | 140 px | 90 to 220 px, step 10 |  |
| Time for one turn | Slider | 18 s | 6 to 40 s, step 2 | Lower is faster. The badge also turns as the page scrolls. |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 1 |  |  |
| Layout width | Select | Page width | Page width, Full width |  |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |
| Top padding | Slider | 80 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 80 px | 0 to 200 px, step 8 |  |

## Blocks

You can also add any theme block (see [Blocks](https://themes.spicydesign.ca/help/reference/blocks/heading/)) and app blocks to this section.