Paragraph
How to use the Paragraph block in the Meditative Folks Theme.
Paragraph
At a glance
Simple body paragraph text with typography controls.
Used in
- Configure where this block is available in the parent section.
Settings
Content
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Paragraph | Controls “Paragraph” on the storefront. Open the theme editor to preview live. | — | Always |
Typography
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global paragraph styles | Use paragraph font sizes and weight from your global theme styles. | Yes | Paragraph is filled in |
| Font size (mobile) | Sets font size (mobile) in pixels for the matching screen size. | 18 | Use global paragraph styles is off and Paragraph is filled in |
| Font size (tablet) | Sets font size (tablet) in pixels for the matching screen size. | 20 | Use global paragraph styles is off and Paragraph is filled in |
| Font size (desktop) | Sets font size (desktop) in pixels for the matching screen size. | 22 | Use global paragraph styles is off and Paragraph is filled in |
| Font weight | Sets how bold font weight text appears. | 400 | Use global paragraph styles is off and Paragraph is filled in |
| Paragraph color | Controls “Paragraph color” on the storefront. Open the theme editor to preview live. | #000000 | Paragraph is filled in |
Font family
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global body font | Use the body font family from your global theme styles. | Yes | Paragraph is filled in |
| Font family | Controls “Font family” on the storefront. Open the theme editor to preview live. | assistant_n4 | use global paragraph font is off and Paragraph is filled in |
Layout
| Setting | What it does | Default | Shows when |
|---|
Visibility
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Visually hide paragraph | Controls “Visually hide paragraph” on the storefront. Open the theme editor to preview live. | No | Paragraph is filled in |
Width
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Text wrap | Controls “Text wrap” on the storefront. Open the theme editor to preview live. | pretty | Paragraph is filled in |
| Full width text | Controls “Full width text” on the storefront. Open the theme editor to preview live. | Yes | Paragraph is filled in |
| Max width | Controls “Max width” on the storefront. Open the theme editor to preview live. | 600 | paragraph full width is off and Paragraph is filled in |
Alignment
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Content alignment | If the block is inside the flex block, content align does not work. Move it outside the flex block to work. | center | Paragraph is filled in |
Setting details
Each control from the tables above, explained simply:
Paragraph
Controls “Paragraph” on the storefront. Open the theme editor to preview live. Default: —.
Use global paragraph styles
Use paragraph font sizes and weight from your global theme styles. Default: Yes. This control appears when: Paragraph is filled in.
Font size (mobile)
Sets font size (mobile) in pixels for the matching screen size. Default: 18. This control appears when: Use global paragraph styles is off and Paragraph is filled in.
Font size (tablet)
Sets font size (tablet) in pixels for the matching screen size. Default: 20. This control appears when: Use global paragraph styles is off and Paragraph is filled in.
Font size (desktop)
Sets font size (desktop) in pixels for the matching screen size. Default: 22. This control appears when: Use global paragraph styles is off and Paragraph is filled in.
Font weight
Sets how bold font weight text appears. Default: 400. This control appears when: Use global paragraph styles is off and Paragraph is filled in.
Paragraph color
Controls “Paragraph color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Paragraph is filled in.
Use global body font
Use the body font family from your global theme styles. Default: Yes. This control appears when: Paragraph is filled in.
Font family
Controls “Font family” on the storefront. Open the theme editor to preview live. Default: assistant_n4. This control appears when: use global paragraph font is off and Paragraph is filled in.
Visually hide paragraph
Controls “Visually hide paragraph” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: Paragraph is filled in.
Text wrap
Controls “Text wrap” on the storefront. Open the theme editor to preview live. Default: pretty. This control appears when: Paragraph is filled in.
Full width text
Controls “Full width text” on the storefront. Open the theme editor to preview live. Default: Yes. This control appears when: Paragraph is filled in.
Max width
Controls “Max width” on the storefront. Open the theme editor to preview live. Default: 600. This control appears when: paragraph full width is off and Paragraph is filled in.
Content alignment
If the block is inside the flex block, content align does not work. Move it outside the flex block to work. Default: center. This control appears when: Paragraph is filled in.
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.