Template Features

Navigation Button

Want a strong call-to-action right in your header? Check the Enable Nav Button tweak option to turn the last link in your main navigation into a button.

Banner Area

There are several ways to use the Banner area at the top of the page.

Page Banner

In a Page, Blog List, Events List, Product List, or Album page, you can create a large banner in Settings (in Site Manager). Just upload a Thumbnail Image, and add your text to the Description field.

Bolded text will become a Headline
Links on the last line will become Buttons

Page Banner Slideshow

If you want a large banner slideshow on Page Collections, you can place a Gallery Block at the very top of the Page, before all other blocks.

Gallery Block must be set to slideshow mode
As with Page Banner, putting bolded text or links in the description for each gallery slide will create Headlines and Buttons

Blog Featured Slideshow

Created a slideshow of Featured Posts in Blog List view by featuring individual posts. Your five most recent Featured Posts will automatically be placed into a slideshow at the top of the Blog List.

Blog Item Banner

In a blog post’s Item View, the post’s thumbnail will automatically be placed into a banner at the top of the page, along with the post’s title and your chosen meta info.

Simple Image Banner

Don’t want a fancy header with words and buttons? Just upload a thumbnail in Page, Blog List, Events, Product List, or Album, and it will be displayed in a thin strip along the top of the page.

No Banner Area

If you don’t want to use the banner at all, simply don’t upload a thumbnail, and it will not display.

Index

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

Site Header

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.

Site Title Container Width – Set the width of the site title container. This effectively allows control over the wrapping of the site title.

Site Navigation

Nav Link Font + Color – Set the typeface, font properties, and color of the navigation links.

Nav Link (Active) – Set the color of the navigation links on hover.

Enable Nav Button – Turn the last link in the navigation into a button (does not apply to folders).

Nav Button Style – Select between solid, outline, and raised buttons.

Nav Button Corner Style – Select between squared corners, rounded corners, or a "pill" shaped button.

Nav Button Color – Set the background color of the button.

Nav Button Font + Text Color – Set the typeface, font properties, and color of the navigation button.

Banner Section

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.

Banner Button Font + Color – Set the typeface, font properties, and colors of the banner button.

Main Content

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.

Blog

Meta Priority – Select whether date or category of a post appear above its title in blog list view.

Hide Entry Author – Don't display the byline of a blog post. Useful for blogs with a single author.

Hide List Entry Footer – Don't display the footer (Comment + Like + Share) in blog list view.