The website header and footer background color can span the full browser width or be contained in a boxed layout.
A full width layout can have extra wide blocks
You might expect the full width layout to have a much wider content area than the boxed layout. It doesn’t.
But you can make some blocks break out of the content area, spanning almost the full browser width.
See how the wide block breaks out of the boxed layout
Look at the two examples above. The “KPI” block at the top of both sites is set to break out of the normal content area width. On the boxed layout, the wide block looks silly. On the full width layout the extra wide “KPI” block looks OK.
Will your content suit a wide or narrow layout?
If your content is mostly text…
- you don’t want to use extra wide blocks
- you’re happy to use smaller images
- you don’t want to make fancy image heavy page layouts
Use a boxed site container
But if you use lots of…
- images side by side
- post grids
- image galleries
- or any other wide content
Use a full width site layout.
How do you enable the boxed site layout?
Dashboard > Appearance > Customize > Theme Settings > Site Layouts > Default
Tick the box that says “Enable boxed site container”.