Separator
How to use the Separator block in the Meditative Folks Theme.
Separator
At a glance
A horizontal divider line between content.
Used in
- Configure where this block is available in the parent section.
Settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show separator | Shows a divider line on this section. | Yes | Always |
| Use global separator color | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Show separator is on |
| Separator color | Controls the divider line: separator color. | #dcdcdc | Show separator is on and Use global separator color is off |
| Separator thickness | Controls the divider line: separator thickness. | 1 | Always |
| Top spacing | Controls “Top spacing” on the storefront. Open the theme editor to preview live. | 16 | Always |
| Bottom spacing | Controls “Bottom spacing” on the storefront. Open the theme editor to preview live. | 16 | Always |
Setting details
Each control from the tables above, explained simply:
Show separator
Shows a divider line on this section. Default: Yes.
Use global separator color
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Show separator is on.
Separator color
Controls the divider line: separator color. Default: #dcdcdc. This control appears when: Show separator is on and Use global separator color is off.
Separator thickness
Controls the divider line: separator thickness. Default: 1.
Top spacing
Controls “Top spacing” on the storefront. Open the theme editor to preview live. Default: 16.
Bottom spacing
Controls “Bottom spacing” on the storefront. Open the theme editor to preview live. Default: 16.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.