Download the 32-page Program Overview
Hayden features sidebars that appears in several situations:
- Folder Navigation, on the left of any Page inside a Folder
- Category Navigation, on on the left any Product List with categories
- Blog Sidebar, on the right side of Blog pages
You can choose to show the title of the Folder or Product collection. If you don’t want to show the sidebars, you can choose to hide them entirely with a Style Editor option.
Hayden’s Index allows you to stack multiple Pages on top of each other. Each Index Page will feature all the banner options available to other Pages in the site, including the Page Banner, Page Banner Slideshow, and Simple Image Banner options.
The Index also features a Fixed Navigation, which will appear after you scroll past the first Page in the Index. This navigation is only available while browsing an Index in Hayden.
Style Editor Options
Header Background Color – Change the background color of the header bar at the top of the page.
Site Title Font + Color – If no logo image is uploaded, set the typeface, font properties, and color of the Site Title.
Transparent Header – If a banner image of any sort is uploaded on a particular page, the header background will become transparent. Pages without banner images will keep the Header Background Color, as will folder dropdowns.
Logo Container Width – Set the width of the logo container, effectively changing the size of the logo. If the logo container is smaller than the size of the uploaded logo image, the logo image will shrink, but if the logo container is larger, the logo will not become larger than the uploaded image. The nav will take up the rest of the space to the right of the logo container.
Site Title Container Width – Set the width of the site title container. This effectively allows control over the wrapping of the site title.
Banner Overlay Color – Set a color to be overlaid over images on banners.
Banner Heading Font + Color – Set the typeface, font properties, and color of the headings in banners.
Banner Text Font + Color – Set the typeface, font properties, and color of the body text in banners.
Banner Button Style – Select between solid, outline, and raised buttons.
Banner Button Corner Style – Select between squared corners, rounded corners, or a "pill" shaped button.
Banner Button Color – Set the background color of the button (outline and text color if "outline" button style is selected).
Banner Button Font + Color – Set the typeface, font properties, and colors of the banner button.
Page Background – Set the background of the main content area.
Page Text Font + Color – Set the typeface, font properties, and color of body text.
Page Link Color – Set the color of body links.
Page Meta Color – Set the color of meta text (blog authors, post dates, etc.)
Control the typeface, font properties, and colors of the Heading 1, Heading 2, and Heading 3.
Quote Font + Color – Set the typeface, fonts properties, and color of Quote Blocks.
Event Time Format – Toggle between 24 hour or AM/PM for event times.
Event Icons – Enable icons on the address and event time display.
Event Thumbnails – Show an image thumbnail in list view.
Event Thumbnail Size – Control the size (ratio width:height) of the event thumbnail image.
Event Date Label – Enable date overlay on top of event thumbnail.
Event Date Label Time – Include the time of the event with the date overlay.
Event Excerpts – Show optional excerpt text of events on the list view when present.
Event List Date – Show the full event date (day, month, year) of the event on the list view.
Event List Time – Show the time range (start time-end time) of the event on the list view.
Event List Address – Show the event location address when present.
Event iCal/gCal Links – Show links to add events to Apple or Google calendars.
Event Like and Share Buttons – Show Squarespace simple like and share buttons on events.
Event List Compact View – Enable a simple stacked view of events in the list view.
Event Calendar Compact View – Enable a simpler calendar view optimized for smaller areas