The Wavy scrolling text block in the Pops theme places text on a scrolling wave. You control the wave shape, the animation speed and direction, and the block's height and layering.
Wavy scrolling text block
Updated last month
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 selected block past the section's side spacing to the edge of the page. It affects only this block and does not change the containing section's width or layout. | 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 |
FAQ
What is the Wavy scrolling text block in the Pops theme?
How do I change the scrolling speed of the text?
Use the Speed setting, which sets how long one scroll cycle takes, from 10 to 60 seconds in steps of 1. The default is 20 seconds.
How do I change the wave shape of the scrolling text block?
Use the Wave type setting to choose between Curved bottom and Camel waves. The default is Curved bottom.
How do I change the direction the text scrolls?
Use the Scrolling direction setting to choose between Right to left and Left to right. The default is Right to left.
How do I remove empty space around the wave?
Lower the Height setting, which controls the overall block height from 100 to 500 px in steps of 10. Lowering it removes empty space when the wave amplitude is small. You can also adjust the Wave amplitude setting, which sets the height of the waves from 10% to 100% in steps of 5.
How do I apply a color scheme to the Wavy scrolling text block in the Pops theme?
Turn on the Enable color scheme setting, which is off by default. This reveals the Color scheme setting, which defaults to Scheme 1.
Was this helpful?
Was this helpful?