The Section divider block in the Pops theme draws a shaped transition between sections, using a preset decorative shape or your own SVG. It appears in the theme editor under a Decorative preset category.
Section divider block
Updated last month
The Section divider block in the Pops theme draws a shaped transition between sections, with a preset decorative shape or your own SVG. It appears in the theme editor under a Decorative preset category.
Setting | Description | Default |
|---|---|---|
Divider type | The divider shape: Curve, Torn paper, Wave, Zigzag, Scallop, or Custom. | Curve |
Colors | The color scheme applied to the divider. | Scheme 1 |
Enable extra bottom spacing | Adds extra spacing below the divider. | On |
Enable extra top spacing | Adds extra spacing above the divider. | Off |
Show the divider vertically opposite | Flips the divider vertically. | Off |
Divider alignment | Whether the divider sits at the Bottom or the Top of the block. | Bottom |
Custom divider | Your own SVG for the divider; add only the content inside the | Blank |
Custom divider dimensions | The width and height of your custom SVG, in the format width x height (for example, 1000 x 200). Shown when the divider type is Custom. | Blank |
Divider z-index | Stacking order of the divider, from -1 to 5. | 0 |
Hide block on desktop | Hides the divider on desktop. | Off |
Hide block on mobile | Hides the divider on mobile. | Off |
FAQ
What is the Section divider block in the Pops theme?
Which divider shapes does the Pops Section divider block offer?
The Divider type setting offers Curve, Torn paper, Wave, Zigzag, Scallop, or Custom. The default is Curve.
How do I add a custom SVG divider in the Pops theme?
Set the Divider type to Custom, then add your own SVG in the Custom divider field. Add only the content inside the <svg> tag. Use the Custom divider dimensions field to set the width and height in a width x height format, for example 1000 x 200.
How do I control spacing around the Section divider block?
Turn on Enable extra bottom spacing to add extra spacing below the divider (default On), or Enable extra top spacing to add extra spacing above it (default Off).
How do I flip or reposition the Section divider block?
Turn on Show the divider vertically opposite to flip the divider vertically (default Off). Use Divider alignment to place the divider at the Bottom (default) or the Top of the block.
How do I hide the Section divider block on desktop or mobile?
Turn on Hide block on desktop or Hide block on mobile to hide the divider on that device. Both default to Off.
Was this helpful?
Was this helpful?