Site Settings
Every site has one Site Settings entry in Contentful that controls global configuration — your site’s name, logo, footer, homepage, and layout preferences.
You probably won’t edit this often, but it’s helpful to understand what it controls.
Key Settings
| Setting | What It Controls |
|---|---|
| Site Title | Your organization’s name — may appear in the browser tab and header |
| Logo | The logo image shown in the navigation bar |
| Logo Width | How wide the logo displays (in pixels) |
| Homepage | Which page loads when visitors go to your root URL |
| Page Width | Maximum width of the overall page layout |
| Content Width | Maximum width of the content area within the page |
Footer Settings
The footer appears at the bottom of every page:
| Setting | What It Controls |
|---|---|
| Footer Text | Text content in the footer (supports markdown formatting) |
| Footer Logo | Optional separate logo for the footer |
| Footer Phone | Contact phone number |
| Footer Address | Physical address |
| Footer CTA / CTA URL | A call-to-action button in the footer (e.g., “Donate Now”) |
| Footer License | License or legal text |
Visibility Toggles
| Setting | What It Does |
|---|---|
| Site Name Visibility | Show or hide the site name next to the logo in the header |
| Blog Visibility | Show or hide the blog section (if your site has one) |
| Donate Button Visibility | Show or hide a donate button in the navigation |
| Donation URL | Where the donate button links to |
Layout Options
The Page Width and Content Width settings control how wide your site’s content stretches:
| Option | Width | Best For |
|---|---|---|
| max-w-prose | ~65 characters | Reading-focused, article-style pages |
| max-w-3xl | 768px | Narrow, focused layouts |
| max-w-5xl | 1024px | Balanced — most common |
| max-w-7xl | 1280px | Wide layouts with sidebars or grids |
| max-w-full | 100% of screen | Edge-to-edge content |
Most sites use max-w-7xl for the page and max-w-5xl for content, giving a comfortable reading width with room for navigation.
Tips
- Changing the homepage is as simple as pointing the Homepage field to a different page entry. The old homepage still exists — it just won’t be the default landing page anymore.
- Logo width affects all pages. If your logo looks too large or too small in the nav bar, adjust this value.
- Be careful with width changes. Switching from
max-w-5xltomax-w-fullaffects every page on the site. Talk to your developer before making layout-wide changes.
Last updated on