The Floating media block layers an image, Rive animation, or Lottie animation over your section content, with control over its size, blur, stacking order, position, and rotation.
Floating media block
Updated 3 months ago
The Floating media block layers an image, Rive animation, or Lottie animation over your section content, with control over its size, blur, stacking order, position, and rotation.
Settings
The source setting that appears depends on the Media type you choose, as noted below.
Setting | Description | Default |
|---|---|---|
Media type | Whether the block shows a Media (image or SVG), Rive, or Lottie animation. | Media |
Image | The image to display. Shown only when Media type is Media. | None |
SVG | Raw SVG markup to display. Shown only when Media type is Media. | Empty |
Rive animation link | The link to the Rive animation. Shown only when Media type is Rive. | — |
Lottie animation link | The link to the Lottie animation. Shown only when Media type is Lottie. | — |
Custom attributes | Custom HTML attributes added to the media element. | — |
Media width | The width of the media, from 5 to 500 in steps of 5. | 50 |
Media blur | Blur applied to the media, from 0 to 5. | 0 |
Media z-index | Stacking order of the media relative to the surrounding content, from -1 to 5 in steps of 1. | 2 |
Media x position | Horizontal position of the media, from -100 to 100 in steps of 2. | 10 |
Media y position | Vertical position of the media, from -100 to 100 in steps of 2. | 10 |
Media rotation | Rotation applied to the media, in degrees from 0 to 360 in steps of 4. | 0 |
Media rotation duration | How long a full rotation takes, from 0 to 20 seconds. | 5 |
Enable auto rotation | Rotates the media continuously. | On |
Hide block on desktop / mobile | Hides the block on that device. | Off |
FAQ
What does the Floating media block do in the Pops theme?
What media types can the Floating media block display?
The block shows a Media (image or SVG), Rive, or Lottie animation. The source setting that appears depends on the Media type you choose.
How do I make the floating media rotate continuously?
Set Enable auto rotation to on to rotate the media continuously. Media rotation duration controls how long a full rotation takes, from 0 to 20 seconds (default 5).
How do I adjust the size and position of the floating media?
Set Media width from 5 to 500 (default 50), and Media x position and Media y position from -100 to 100 (default 10) to place the media.
How do I layer the floating media above or below my content?
Set Media z-index, the stacking order of the media relative to the surrounding content, from -1 to 5 (default 2).
Can I hide the Floating media block on desktop or mobile?
Turn on Hide block on desktop / mobile to hide the block on that device. It is off by default.
Was this helpful?
Was this helpful?