Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Using the Bedford template

Bedford, Anya, Bryant, and Hayden are in the same template family. This means they share the same underlying structure and functionality. The directions in the Bedford guides apply to all these templates.

See the left navigation for information about building and customizing specific parts of your site. If you haven't yet picked a template, you can get help with initial installation at Getting started with Squarespace.

Note: Visit the Bedford, Anya, Bryant, and Hayden Live Preview pages for examples of real customer sites using these templates. If you've already created a site, you can switch your template at any time.

Special features

Bedford, Anya, Bryant, and Hayden's features and versatility make them a great option for a variety of sites, from nonprofits to real estate listings to wedding announcements. Special customizable banners and buttons, sidebar navigation, and a scrolling Index Page put the focus on your products, mission, or event details. 

Unique banners

Add beautiful full-bleed banner images and videos to your pages, then overlay them with customizable headings, text, and buttons.

You can also create slideshow banners at the top of Regular Pages and Blog Pages.

Index Pages

Use an Index Page to create a long scrolling page that intersperses images and content areas.

Navigation button

The last page in the Main Navigation can display as a button.

Sidebar navigation

You can use folders to create sidebar navigation menus. A similar category navigation appears on Products Pages.

Quick start

Certain tweaks and settings can have a big impact on how your site looks and behaves. Play with the following options until you settle on a design you love.

To open any panel, press the ? key and search for its name.

Site

Open the Style Editor panel. These are some key tweaks that affect the whole site:

  • Site Navigation > Enable Nav Button and Nav Button Style
  • Main Content > Page Background
  • Footer > Hide Site Info (Add site info in the Business Information panel)

Banner images

To get a feel for how to add banners with overlay text, add an Album, Blog, Event, Regular, or Products Page to your site. Open that page's Page Settings, and add a thumbnail in the Media tab. In the Basic tab, add three lines to the Description field:

  • A line of regular text,
  • A line of bold text (becomes a header)
  • A line with a link in it (becomes a button). The link can't be bold and there can't be any text or line breaks below it. 

For detailed steps visit Special banners.

Save and refresh the page. Then go to the Style Editor panel and experiment with these tweaks:

  • Banner Section > Banner Button Color
  • Banner Section > Banner Overlay Color
  • Site Header > Transparent on Banner Images and Header Background Color

Slideshow banners 

To create a slideshow banner on a Regular Page, add a Slideshow Gallery Block with at least two images as the top block on the page. Format the text for each image description as you did the banner image above. Use the Design tab to adjust how the slideshow transitions between slides. For detailed steps, visit Special banners.

The same tweaks apply to slideshow banners as banner images.

Tip: On Blog Pages, the five most recent featured posts create a banner image slideshow. Slideshow banners replace banner images.

Index Page

To set up a vertically-scrolling Index Page, open the Pages panel and add several Regular Pages. Give each one a thumbnail image and add text to the description. Then create an Index Page and drag the Regular Pages into it. For detailed steps visit Index Pages.

Then go to the Style Editor panel and experiment with these tweaks:

  • Site Header > Transparent on Banner Images
  • Banner Section > Banner Overlay Color
  • Main Content > Page Background

Sidebar navigation

To get a feel for how sidebar navigation works on your site:

  1. From the Pages panel, click + to add a Folder.
  2. Click the folder's + icon and click Page to add a Regular Page.
  3. Add several more pages of any type to the folder.
  4. Click any Regular Page in the folder. The sidebar appears on the left.

Then go to the Style Editor panel and experiment with these tweaks:

  • Sidebar > Hide Page Sidebar and Hide Sidebar Title
  • Sidebar > Sub Nav tweaks

Next step

To get started building your site, visit Structure and style.

Was this article helpful?
25 out of 38 found this helpful
Using the Bedford template