Wavy scrolling text block
Updated today
The Wavy scrolling text block in the Pops theme places text on a scrolling wave, letting you control the wave shape, animation speed and direction, and the block's height and layering. The color scheme setting appears only when you enable it.
Setting | Description | Default |
|---|---|---|
Enable color scheme | Applies a color scheme to the block. When enabled, reveals the Color scheme setting. | Off |
Color scheme | The color scheme applied to the block. Shown only when Enable color scheme is on. | Scheme 1 |
Text | The text displayed on the wave. | Use this text to share information about your brand with your customers. |
Wave type | The shape of the wave: Curved bottom or Camel waves. | Curved bottom |
Content alignment on desktop / on mobile | Horizontal alignment of the text, separately for desktop and mobile. | Left |
Speed | How long one scroll cycle takes, from 10 to 60 seconds in steps of 1. | 20 sec |
Scrolling direction | The direction the text scrolls: Right to left or Left to right. | Right to left |
Wave amplitude | The height of the waves, from 10% to 100% in steps of 5. | 50% |
Height | The overall height of the block, from 100 to 500 px in steps of 10. Lower it to remove empty space when the wave amplitude is small. | 440 px |
Negative margin top | Pulls the block up into the section above, from 0 to 30 rem in steps of 0.5. Requires the section's visible overflow to be enabled. | 0 |
Layer position | Whether the block appears above or below overlapping content, from -1 to 5. | 1 |
Break out of page gutter | Extends the block past the section's side spacing to the edge of the page. | Off |
Margin top (Desktop) / (Mobile) | Space above the block, from 0 to 34, separately for desktop and mobile. | 0 |
Hide block on desktop / on mobile | Hides the block on desktop or mobile. | Off |