Skip to Content
Content ModelSite Settings

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

SettingWhat It Controls
Site TitleYour organization’s name — may appear in the browser tab and header
LogoThe logo image shown in the navigation bar
Logo WidthHow wide the logo displays (in pixels)
HomepageWhich page loads when visitors go to your root URL
Page WidthMaximum width of the overall page layout
Content WidthMaximum width of the content area within the page

The footer appears at the bottom of every page:

SettingWhat It Controls
Footer TextText content in the footer (supports markdown formatting)
Footer LogoOptional separate logo for the footer
Footer PhoneContact phone number
Footer AddressPhysical address
Footer CTA / CTA URLA call-to-action button in the footer (e.g., “Donate Now”)
Footer LicenseLicense or legal text

Visibility Toggles

SettingWhat It Does
Site Name VisibilityShow or hide the site name next to the logo in the header
Blog VisibilityShow or hide the blog section (if your site has one)
Donate Button VisibilityShow or hide a donate button in the navigation
Donation URLWhere the donate button links to

Layout Options

The Page Width and Content Width settings control how wide your site’s content stretches:

OptionWidthBest For
max-w-prose~65 charactersReading-focused, article-style pages
max-w-3xl768pxNarrow, focused layouts
max-w-5xl1024pxBalanced — most common
max-w-7xl1280pxWide layouts with sidebars or grids
max-w-full100% of screenEdge-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-5xl to max-w-full affects every page on the site. Talk to your developer before making layout-wide changes.
Last updated on