Source: https://knowledge.edlio.com/en/articles/9458296-page-layout
Article ID: 9458296
Tags: Edlio CMS Help Center, Pages

---

Every page in the Edlio CMS uses one of five layout templates. The layout controls where blocks are placed on the page — header zone, content rows, full-width zones — and you can change a page's layout at any time without losing content.

The five layout templates

Open the Layout ▾ dropdown at the top-right of the page editor to see the five thumbnails. The selected layout has a green border and a "Selected" label.

#	Template	Best for
1	Full width	Long-form content, policy pages, simple announcements where content fills the page
2	50% / 50%	Balanced two-column content presentation
3	25% / 75%	Narrow sidebar-style column on the left + main content on the right
4	75% / 25%	Main content on the left + narrow sidebar-style column on the right
5	33% / 33% / 33%	Three equal-width columns for multi-column content organization

All five layouts include a hero section at the top and a full-width section at the bottom as standard zones — you don't pick a separate "hero layout" anymore. See Hero layouts for what to put in the hero zone.

Site width caveat: sites with a 1024px max width may find the 33% / 33% / 33% layout cramped. If your school site uses a narrower max width and you want to use 33/33/33 effectively, contact Edlio Support about increasing the site design max width.

Switching layouts mid-edit

When you change a page's layout, blocks already on the page are moved into the closest equivalent zone in the new layout. Most content survives the switch, but switching layouts may hide previously added content if a zone exists in the old layout but not the new one. Save Draft before switching so you can revert if the change isn't what you expected.

Setting the default layout for new pages

The site-wide default for new pages is set under Settings → Pages → Page Layouts. There you can:

Pick a default layout (one of the 5+) that all existing and/or newly created pages inherit
Optionally apply that default to all existing pages with a single button ("Change existing pages to match default layout")

Per-page layout always wins over the site default — if you have set a default layout, you can still pick a non-default layout in the page editor whenever a page needs it.

See Managing Your Pages Settings for the full Settings → Pages walkthrough.

Moving blocks within a layout

Once your layout is set, drag blocks between zones using the 6-dot grab handle in the top-left corner of any block. You can:

Move blocks within the main content area
Move blocks between columns (in multi-column layouts)
Move blocks between the hero zone, content rows, and full-width footer zone

Drop the block where you want it; the page editor auto-saves a draft as you go.

Layout vs Settings

What you set on the page	What you set under Settings → Pages
Layout for THIS page	Default layout for new and/or existing pages
Block content	Site-wide options that apply across pages

Internal pages vs the homepage

These layout options apply to internal pages. The website homepage uses a separate set of homepage widgets and layout controls — see Homepage Widgets for that.

Page layout