Bedford Site Styles tweaks

Bedford, Anya, Bryant, and Hayden share the same underlying structure and functionality. This guide applies to all these templates.

This guide is a reference for all Site Styles tweaks in the Bedford, Anya, Bryant, and Hayden templates. To learn how to use Site Styles, visit Making style changes.

Note: The Squarespace platform is constantly evolving to give you the best possible tools for building your website. We update these guides frequently, but if the platform has recently changed, you may see slightly different options than the ones listed below. The best way to learn the functionality of any tweak is to experiment with it and see what changes on your site.

Site Header

These tweaks adjust the site header, the area at the top of your site where the Main Navigation and site title or logo display.

Header Background Color - The opacity slider has no effect on the header background color. It's not possible to set a partial transparency for this color.
Transparent on Banner Images - When unchecked, the banner and page content move down and the site header content displays over the background color at the top of the page. When checked, the header content displays over the banner or page.
Site Title Font - Site title tweaks don’t display if you replace the site title with a logo.
Site Title Color
Site Title Container Width - Set the width of the site title container. If the container is narrower than the site title, the site title will wrap.
Logo Container Width - Set the width of the logo container. The maximum height is fixed at about 100 pixels. When the logo reaches that height it will no longer scale up. The logo won’t become larger than the uploaded image. The Main Navigation will take up the rest of the space to the right of the logo container.

Site Navigation

Adjust the styling of the Main Navigation. For general information, visit Styling navigation.

Nav Link Font
Nav Link Color
Nav Link (Active) - Set the color of the navigation links on hover and when on that page.
Enable Nav Button - Turns the last link in your Main Navigation into a button. Doesn't affect folders. If unchecked, the Nav Button tweaks won’t display.
Nav Button Style: Outline, Solid, RaisedNav Button Corner Style: Pill, Square, Rounded
Nav Button Color
Nav Button Text Color - Displays when the Nav Button Style is Solid or Raised.
Nav Button Font

Banner Section

These tweaks affect all banners on your site.

The banner button is styled independently of other buttons on your site. Scroll up for tweaks relating to the site title and Main Navigation.

Banner Overlay Color - Add a filter effect over the image by selecting an overlay color.
Banner Heading Font
Banner Heading Color
Banner Text Font
Banner Text Color
Banner Button Style: Solid, Outline, Raised
Banner Button Corner Style: Square, Rounded, Pill
Banner Button Color
Banner Button Text Color - Displays when the banner button style is solid or raised
Banner Button Font

Main Content

Style the main content area of your site, the area between the header and the footer. Page Text tweaks affect your site's body fonts.

Page Background - Sets the background color for the site.
Page Text Font
Page Text Color
Page Link Color
Page Meta Color - Set the color of meta text, such as blog authors and post dates
Heading 1 Font
Heading 1 Color
Heading 2 Font
Heading 2 Color
Heading 3 Font
Heading 3 Color
Quote Font - Only displays on pages with a Quote Block
Quote Color - Only displays on pages with a Quote Block

Blog

Except for Center Entry Title & Meta, these tweaks show only when on a blog page.

Banner Slideshow Controls: Arrows, None - Control the navigation elements on your blog slideshow banner. This tweak only displays if your blog has featured posts.
Meta Priority: Date, Category, Author, None - Determines whether which information appears above a post’s title in blog list view.
Center Entry Title & Meta - Center the post title and metadata including date, categories, and tags. Displays only if Hide Blog Sidebar tweak is checked in the Sidebar section.
Hide Entry Author - Hide the byline on blog posts. Useful for blogs with a single author. Won’t appear if Meta Priority: Author is selected.
Hide List Entry Footer - Don't display the footer content (comments, likes, shares, and tags) in blog list view. This content still appears on individual blog posts.

Sidebar

On blog pages:

Hide Blog Sidebar - Uncheck Hide Blog Sidebar to enable sidebars on Blog Pages and individual post pages.

On pages in a folder or Index Page:

Hide Page Sidebar - Display or hide the navigation sidebars on pages within folders or Index Pages.
Hide Product Category Nav - Display or hide the category navigation sidebar on Product Pages.
Hide Sidebar Title
Sub Nav Title Font
Sub Nav Title Color
Sub Nav Link Font
Sub Nav Link Color
Sub Nav Link (Active) - Set the color of the navigation links on hover and when on that page.

Prefooter

Tweaks for styling the pre-footer, the area above the footer at the bottom of the page.

Pre Footer Background - Set the background color for the pre-footer
Pre Footer Text Color

Footer

Tweaks for styling the footer, the area at the bottom of the page. Site Info tweaks adjust the styling of the site information. Footer Nav tweaks adjust the Secondary Navigation links.

Footer Background - Set the background color for the footer
Footer Text Color
Footer Nav Font
Footer Nav Link Color
Footer Nav Link (Active) - Set the color of the navigation links on hover and when on that page.
Site Info Font - Displays if Hide Side Info is unchecked
Site Info Color - Displays if Hide Side Info is unchecked
Center Navigation / Info
Hide Site Info

Album Options

These tweaks appear when you’re on an Album Page.

Album Text Color - Adjusts the color of the album track names
Hide Album Share Link

Events

These tweaks appear when you’re on an Events Page. For general help, visit Styling the Events Page.

Disable Item Pages - Disable the title link for individual events. When unchecked, clicking an event's title opens the individual event page.
Show Past Events
Show Thumbnails - Show the thumbnail image for each event on the Event Page beneath the date tag.
Show Date Tag - The date tag highlights event dates. It displays to the left of each event in on the Event Page.
Show Date Tag w/ Time
Show Categories
Show Date
Show Time
Show Location
Show Export Links - Visitors use export links to send event details to Google Calendar or iCal.
Show Social Buttons
Show Excerpt - Excerpts display a brief description of an event in the Events Page List view
Show Button
24-Hour Time
Stacked View - Display your events as a stacked list with thumbnails appearing above the event at full-width.

Gallery Styles

These tweaks appear when you’re on a Gallery Page. For general help, visit Styling a Gallery Page.

Use the Gallery Design tweak to set the layout.

Gallery Design: Grid

Aspect Ratio - Controls the aspect ratio (width:height).
Grid Spacing - Increase the padding between individual images in your grid.
Min Column Width - Set the width of columns in your grid.
Lightbox Style: Dark, Light

Gallery Design: Slideshow

Gallery Navigation: Thumbnails, Bullets, Numbers, Circles, Simple, None - The type of navigation provided on the page.
Gallery Info Overlay: Always Show, Show on Hover, Hide - For image titles and captions
Gallery Aspect Ratio - Controls the aspect ratio (width:height). Use with the Gallery Auto Crop tweak.
Gallery Arrow Style: Round Corners, Rectangular, Circular, No Background - Style the arrows used to cycle through the slides.
Gallery Transitions: Fade, Scroll
Gallery Show Arrows - Uncheck to hide arrows on your gallery display.
Gallery Auto Crop - Auto-crops images to the aspect ratio set with the Gallery Aspect Ratio tweak.
Gallery Autoplay - Cycle gallery images automatically without user interaction.
Gallery Loop - Enable a gallery to cycle through to the first slide after the last slide.
Gallery Autoplay Speed (sec)
Gallery Thumbnail Size - Set the height of gallery navigation thumbnail images.
Gallery Arrow Background
Gallery Arrow Color
Gallery Circle Color
Gallery Info Background - The color used as the background for the image titles and captions.

Products

These tweaks appear when you’re on a Products Page. For in-depth information, visit Styling the Products Page.

Product Background Color - The color behind the product image.
Product Overlay Color - Set the color of the on-hover overlay when Product List Titles: Overlay is enabled.
Products Per Row - Set the number of products per row on the Products Page.
Product List Titles: Under, Overlay - Set the title and price to display under the thumbnail image or on hover.
Product List Alignment: Center, Left - Set text to Center or Left when Product List Titles: Under is enabled.
Product Item Size - Set the image ratio (width:height) for photos on the Products Page.
Product Image Auto Crop - Crop product images to the aspect ratio set with the Product Item Size tweak.
Product Gallery Size - Set the image ratio (width:height) for photos on product item pages.
Product Gallery Auto Crop - Crop images on product item pages to the aspect ratio set with the Product Gallery Size tweak.
Show Product Price - Show or hide prices on the Product Page. If unchecked, the price will still appear on product item pages.
Show Product Item Nav - Display a navigation link back to the Products Page.
Product Social Sharing - Add or remove Share buttons from product item pages.

Cover Pages

Cover Pages are styled independently of a site’s template. Visit Styling a Cover Page for more information.

Block tweaks

Tweaks for certain blocks will also display in Site Styles. For more information about available style changes, visit About blocks to find help content for your specific block.