Brand contact details
How to use the Brand contact details block in the Meditative Folks Theme.
Brand contact details
At a glance
Shows email, phone, and address from Brand assets.
Used in
- Configure where this block is available in the parent section.
Settings
Contact details
| Setting | What it does | Default | Shows when |
|---|
Edit email, phone, and address in Theme settings → Brand assets → Contact information.
| Show email address | Turns “Show email address” on or off on the storefront. | Yes | Always | | Show phone number | Turns “Show phone number” on or off on the storefront. | Yes | Always | | Show physical address | Turns “Show physical address” on or off on the storefront. | Yes | Always |
Card design
| Setting | What it does | Default | Shows when |
|---|
Mobile (up to 639px)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Card style | Controls “Card style” on the storefront. Open the theme editor to preview live. | card | Always |
Tablet (640px – 879px)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Card style | Controls “Card style” on the storefront. Open the theme editor to preview live. | card | Always |
Desktop (880px+)
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Card style | Controls “Card style” on the storefront. Open the theme editor to preview live. | card | Always |
| Card padding | Adds empty space (card padding) around the section content. | 16 | Always |
| Card border radius | Rounds the corners. Higher values look more pill-shaped. | 12 | Always |
| Card shadow | Controls “Card shadow” on the storefront. Open the theme editor to preview live. | none | Always |
| Hover effect | Controls “Hover effect” on the storefront. Open the theme editor to preview live. | none | Always |
Typography
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global label styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Always |
| Heading font size (mobile) | Sets heading font size (mobile) in pixels for the matching screen size. | 14 | use global label styles is off |
| Heading font size (tablet) | Sets heading font size (tablet) in pixels for the matching screen size. | 15 | use global label styles is off |
| Heading font size (desktop) | Sets heading font size (desktop) in pixels for the matching screen size. | 16 | use global label styles is off |
| Label color | Controls “Label color” on the storefront. Open the theme editor to preview live. | #000000 | use global label styles is off |
| Heading font weight | Sets how bold heading text appears. | 600 | use global label styles is off |
| Use global value styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Always |
| Subheading font size (mobile) | Sets subheading font size (mobile) in pixels for the matching screen size. | 14 | use global value styles is off |
| Subheading font size (tablet) | Sets subheading font size (tablet) in pixels for the matching screen size. | 15 | use global value styles is off |
| Subheading font size (desktop) | Sets subheading font size (desktop) in pixels for the matching screen size. | 16 | use global value styles is off |
| Subheading font weight | Sets how bold subheading text appears. | 400 | use global value styles is off |
Layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Gap between items | Controls “Gap between items” on the storefront. Open the theme editor to preview live. | 16 | Always |
| Content alignment | Controls “Content alignment” on the storefront. Open the theme editor to preview live. | left | Always |
Setting details
Each control from the tables above, explained simply:
Show email address
Turns “Show email address” on or off on the storefront. Default: Yes.
Show phone number
Turns “Show phone number” on or off on the storefront. Default: Yes.
Show physical address
Turns “Show physical address” on or off on the storefront. Default: Yes.
Card style
Controls “Card style” on the storefront. Open the theme editor to preview live. Default: card.
Card style
Controls “Card style” on the storefront. Open the theme editor to preview live. Default: card.
Card style
Controls “Card style” on the storefront. Open the theme editor to preview live. Default: card.
Card padding
Adds empty space (card padding) around the section content. Default: 16.
Card border radius
Rounds the corners. Higher values look more pill-shaped. Default: 12.
Card shadow
Controls “Card shadow” on the storefront. Open the theme editor to preview live. Default: none.
Hover effect
Controls “Hover effect” on the storefront. Open the theme editor to preview live. Default: none.
Use global label styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.
Heading font size (mobile)
Sets heading font size (mobile) in pixels for the matching screen size. Default: 14. This control appears when: use global label styles is off.
Heading font size (tablet)
Sets heading font size (tablet) in pixels for the matching screen size. Default: 15. This control appears when: use global label styles is off.
Heading font size (desktop)
Sets heading font size (desktop) in pixels for the matching screen size. Default: 16. This control appears when: use global label styles is off.
Label color
Controls “Label color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: use global label styles is off.
Heading font weight
Sets how bold heading text appears. Default: 600. This control appears when: use global label styles is off.
Use global value styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.
Subheading font size (mobile)
Sets subheading font size (mobile) in pixels for the matching screen size. Default: 14. This control appears when: use global value styles is off.
Subheading font size (tablet)
Sets subheading font size (tablet) in pixels for the matching screen size. Default: 15. This control appears when: use global value styles is off.
Subheading font size (desktop)
Sets subheading font size (desktop) in pixels for the matching screen size. Default: 16. This control appears when: use global value styles is off.
Subheading font weight
Sets how bold subheading text appears. Default: 400. This control appears when: use global value styles is off.
Gap between items
Controls “Gap between items” on the storefront. Open the theme editor to preview live. Default: 16.
Content alignment
Controls “Content alignment” on the storefront. Open the theme editor to preview live. Default: left.
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.