Customize Layout

Quotion offers two options to customize your site's layout:

1. Layout Editor (Recommended)
2. Home Note (Deprecated)

Layout Editor

The Layout Editor allows real-time preview of changes. Your site updates within 2 minutes after publishing.

To use the Layout Editor:

Access the Editor

1. Login to the Quotion dashboard
2. Select your site: https://app.quotion.co/site/<your-site>
3. Click the design page: https://app.quotion.co/site/<your-site>/design

Make Changes

Edit logo, favicon, header links, footer links, and copyright on all tabs. Find the hero editor on the home tab.

Home Note (Deprecated)

Migrate from Home Note to Layout Editor

1. Click the save button on the Design all & home tabs
2. Delete the home note

Home Template (Deprecated)

# Home
 
## Icons
 
![Site favicon](/images/features/favicon.png)
![Site logo](/images/features/logo.png)
 
## Header
 
[Home](https://quotion.co) [Features](https://quotion.co/#features) [Pricing](https://quotion.co/#pricing) [Docs](https://docs.quotion.co)
 
## Hero
 
*Peak Blog*
 
**Explore Our Creative Universe: Insights & Inspirations**
 
The latest industry news, technologies and resources from the team.
 
## Footer
 
[About](https://quotion.co) [RSS](https://blog.quotion.co/rss.xml) [Sitemap](https://blog.quotion.co/sitemap.xml) ©Copyright 2024 Peak Inc.

Must keep the same structure or it won't work, all headings like Icons, Header, Hero and Footer shouldn't be renamed or moved.

Limitations

Icons

• Use exactly 2 images (favicon and logo)
• Text formats ignored

Header

• Only links work
• Texts or images ignored

Hero

• Change or remove decorated text
• Must have a hero title
• Links and images ignored

Footer

• Change, remove, or add links
• Last text treated as copyright note
• Other texts and images ignored

Example

Warning