Spacer

The Spacer section is a simple yet effective design element used to visually separate content on a page.

This section helps improve readability, organize layout flow, and guide the customer’s attention between different sections. It’s especially useful in long-format pages to break up content without overwhelming the design.

1, How to add section in theme editor:

1

In your theme editor (Customize), scroll to the bottom of the template and select Add section.

2

In the list, locate and select Spacer section. The section will now be added to your page, ready for customization.

2, Section settings

  • Show line: Enable a divider line within the Spacer section.

  • Line opacity: Controls the transparency of the divider line. Use lower opacity for subtle separation or higher opacity for stronger emphasis.

    • 0%: The line is fully transparent (invisible).

    • 100%: The line is fully opaque (solid).

  • Device: Determines which devices the Spacer section appears on: Only desktop, Only mobbile or Show on all devices.

Last updated

Was this helpful?