Skip to content
Position
Set image position: center, top, bottom, left, right.
Size
cover, contain, or specific dimensions.
Repeat
Control repeat behavior.
Position
Set image position: center, top, bottom, left, right.
Size
cover, contain, or specific dimensions.
Repeat
Control repeat behavior.
Position
Set image position: center, top, bottom, left, right.
Size
cover, contain, or specific dimensions.
Repeat
Control repeat behavior.
Position
Set image position: center, top, bottom, left, right.
Size
cover, contain, or specific dimensions.
Repeat
Control repeat behavior.
Position
Set image position: center, top, bottom, left, right.
Size
cover, contain, or specific dimensions.
Repeat
Control repeat behavior.
Position
Set image position: center, top, bottom, left, right.
Size
cover, contain, or specific dimensions.
Repeat
Control repeat behavior.
Position
Set image position: center, top, bottom, left, right.
Size
cover, contain, or specific dimensions.
Repeat
Control repeat behavior.
Position
Set image position: center, top, bottom, left, right.
Size
cover, contain, or specific dimensions.
Repeat
Control repeat behavior.
Image Position & Size
Primary focus: Control background image positioning and scaling.
Actual Frontmatter
yaml
---
layout: home
hero:
background:
type: image
image:
src: /images/hero-bg.jpg
position: center
size: cover
repeat: no-repeat
---API Keys
| Key | Values | Description |
|---|---|---|
hero.background.image.position | center, top, bottom, left, right | Image position |
hero.background.image.size | cover, contain, auto, or dimensions | Image sizing |
hero.background.image.repeat | repeat, no-repeat, repeat-x, repeat-y | Repeat behavior |