Rows cut the layout into horizontal bands. They stack in the order shown, from top to bottom, and are set in a table: one line per row.
The settings of a row
| Setting | What it does |
|---|---|
| Columns | One, two or three. On a narrow screen, the columns go back under one another, in the order they are written. |
| Ratio | How the columns share the width, out of twelve: 8 / 4, 4 / 8, 6 / 6, 7 / 5, 5 / 7, 9 / 3, 3 / 9 for two columns, 4 / 4 / 4, 3 / 6 / 3, 6 / 3 / 3, 3 / 3 / 6 for three. These are the ratios of the Corpus template: anyone who knows Corpus has nothing to relearn. |
| Background | None, Neutral or Tinted. The background also brings its padding: text pressed against a coloured area is hard to read. |
| Apply to | The whole row, or a single column: left, centre or right. That is how you highlight a box without tinting the text next to it. |
| Content within the height | Top, middle or bottom: where the content of each column sits when the columns are not the same height. Useful for a short opening facing a tall image. |
Behind the row's cog: a CSS Class, to target this row alone from the Custom CSS tab, and an ID, for an anchor or a direct link. An ID must be unique in the page: if it appears twice, the browser only finds the first one.
The number rule
Blocks point to their row by its number, starting from 1. Moving a row therefore moves its number, not its content: if you drag row 3 to the top, it becomes row 1, and the blocks that pointed to row 1 end up in another band.
It is the only surprise in the model. To reorder whole sections, change the row number of the blocks concerned instead.
What is not output
- A row without any block is not output: a row added and then forgotten leaves no empty band.
- A background applied to a column the row does not have falls back on the whole row.
A row has no eye: to remove it, the − deletes it. The eye stays where it is useful, on blocks, elements and cards.
Up to date for Opus 1.5.