- Where to find it
- Labelled Background Image in the "Entire Row" section of the Modify drawer.
- Per device
- Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
- Underlying CSS
backgroundImage
In plain English
Paints an image across the row, behind every column in it. Because a row spans the full width of its widget, this is how you get a hero or a photographic section band.
Pick a picture from your team's media library or point at an https URL, then use Size, Position, and Repeat to say how it is drawn. Setting it on the row rather than on a column keeps the image continuous behind all the columns instead of restarting in each one.
When you would use it
- A full-width photographic band behind a heading.
- A textured section that spans every column in the row.
How to change it
- Open "Entire Row", then "Background Image".
- Choose a picture, then set Size to cover and Position to the part that matters.
- Set a Background Color as well, for the moment before the picture loads.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.
Watch out for
- A column Background Image paints on top of the row image for that column's box.
- Text over a photograph often needs a translucent rgba Background Color behind it to stay readable.
Related settings
For developers
The technical reference for what this setting produces: MDN: background-image. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.
Where to go next
- Back to the full attribute reference
- The Composer — the editing surface these settings live in.
- Publishing — how a change like this reaches your live site.