Container
How to use the Container block in the Meditative Folks Theme.
Container
At a glance
Width-constrained wrapper for nested blocks.
Used in
- Configure where this block is available in the parent section.
Settings
Layout settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Padding top | Adds empty space (padding top) around the section content. | 0 | Always |
| Padding bottom | Adds empty space (padding bottom) around the section content. | 0 | Always |
| Padding left | Adds empty space (padding left) around the section content. | 0 | Always |
| Padding right | Adds empty space (padding right) around the section content. | 0 | Always |
| Max width | Controls “Max width” on the storefront. Open the theme editor to preview live. | 800 | Always |
| Center container | When enabled, the container will be centered and the max width setting will be applied. When disabled, the container will be full width and the max width setting will be ignored. | No | Always |
Appearance
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Color scheme | Applies a color scheme from Theme settings → Colors. | scheme-1 | Always |
| Rounded full | Makes the button a fully rounded pill. | No | Always |
| Border radius | Rounds the corners. Higher values look more pill-shaped. | 0 | rounded full is off |
| Border width | Controls “Border width” on the storefront. Open the theme editor to preview live. | 0 | Always |
| Border style | Controls “Border style” on the storefront. Open the theme editor to preview live. | solid | border width > 0 |
| Shadow | Controls “Shadow” on the storefront. Open the theme editor to preview live. | none | Always |
Setting details
Each control from the tables above, explained simply:
Padding top
Adds empty space (padding top) around the section content. Default: 0.
Padding bottom
Adds empty space (padding bottom) around the section content. Default: 0.
Padding left
Adds empty space (padding left) around the section content. Default: 0.
Padding right
Adds empty space (padding right) around the section content. Default: 0.
Max width
Controls “Max width” on the storefront. Open the theme editor to preview live. Default: 800.
Center container
When enabled, the container will be centered and the max width setting will be applied. When disabled, the container will be full width and the max width setting will be ignored. Default: No.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Rounded full
Makes the button a fully rounded pill. Default: No.
Border radius
Rounds the corners. Higher values look more pill-shaped. Default: 0. This control appears when: rounded full is off.
Border width
Controls “Border width” on the storefront. Open the theme editor to preview live. Default: 0.
Border style
Controls “Border style” on the storefront. Open the theme editor to preview live. Default: solid. This control appears when: border width > 0.
Shadow
Controls “Shadow” on the storefront. Open the theme editor to preview live. Default: none.
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.