Section reference
Wordmark hero
Settings and blocks of the Wordmark hero section in the Vellmar theme.
- Handle
wordmark-hero- Group
- More sections
- Where
- Add it to any template with Add section in the theme editor.
Settings
Your shop name set across the full width of the screen, over a full-bleed photo.
| Setting | Type | Default | Options |
|---|---|---|---|
| WordmarkUses the shop name when empty. Short names fill the width best. | Text | None | — |
| Wordmark sizeAdjust until the name meets both edges in your heading font. | Slider | 100% | 60% to 130%, in steps of 1% |
| Page title for screen readersRead after the wordmark, which is the main heading of the page. | Text | Uniform for the city | — |
| Line under the wordmark, start | Text | Uniform for the city | — |
| Line under the wordmark, endFor example the date of your next release. Shown on mobile too. | Text | None | — |
Photo
| Setting | Type | Default | Options |
|---|---|---|---|
| Image2400 x 1600px .jpg recommended | Image | None | — |
| Mobile imageShown on screens narrower than 750px. Uses the image when empty. | Image | None | — |
| Heading | Text | The new collection | — |
| Text | Text | Tell customers what is new and why it matters. | — |
| Button label | Text | Shop now | — |
| Button link | Link | None | — |
| Second link label | Text | None | — |
| Second link | Link | None | — |
| Color scheme | Color scheme | Scheme 3 | — |
Padding
| Setting | Type | Default | Options |
|---|---|---|---|
| Top padding | Slider | 0px | 0px to 200px, in steps of 4px |
| Bottom padding | Slider | 0px | 0px to 200px, in steps of 4px |
| Top padding on mobile | Slider | 0px | 0px to 200px, in steps of 4px |
| Bottom padding on mobile | Slider | 0px | 0px to 200px, in steps of 4px |