Contents

Collection Background Color

Fill colour behind every row of the collection.

Where to find it
Labelled Background Color in the Collection Settings drawer (gear in the collection header).
Per device
Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.
Underlying CSS
backgroundColor

In plain English

Paints the whole collection. Padding sits inside this colour; margin sits outside it.

When you would use it

  • The entire collection should sit on one background colour.

How to change it

  1. Open Collection Settings, then "Background Color".
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 row or column Background Color paints on top of the collection colour for that band or box.

Related settings

Where to go next