Template Features

Seven Mile Casino website is a Squarespace website.  It is a customized version of the Hayden template.  

The following is documentation for how to use the template features.


Small text (for disclaimers)

Sometimes you need small text, like for disclaimers.  We're using the "Code" font format as the small font size.  This is because Squarespace CMS does not have a way to choose font size directly.  

To make small text: 

  • While you're editing the text on the page, select the text you want to format small.
  • Click the text dropdown (it usually says "Normal").
  • Scroll to the bottom and choose "Code".


Gray background

You can give a page a gray hexagon background by giving it a page URL that starts with "gray".  Here's how:

Under "Page Settings", give it a URL Slug that starts with "gray".

Under "Page Settings", give it a URL Slug that starts with "gray".

Now the page has a light gray hexagon background.  This is nice if you nest the page inside an index.  When you navigate to the index, you'll see all pages stacked up, and you'll see one gray page amongst white pages, so it contrasts and looks nice.

Technical info:  Site CSS has a selector div[id^="gray"] that looks for divs with ID that begin with "gray", and adds gray hex background to them.  This works because Squarespace Indexes add the URL Slug as ID attribute to each page's wrapper.


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.

 

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. 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.


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 (outline and text color if "outline" button style is selected).

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 (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.


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.


Sidebar

Hide Page Sidebar – Don't display the left-hand folder navigation on pages in a folder.

Hide Products Sidebar – Don't display the left-hand category navigation in product list view.

Hide Sidebar Title – Don't display title in the sidebar.

Sub Nav Title Font + Color – Set the typeface, font properties, and color of the titles in Page Folder Nav and Products Category Nav.

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


Prefooter

Pre Footer Background – Set the background color of the pre-footer area directly above the footer.

Pre Footer Text Color – Set the color of the text in the Pre-Footer.


Footer

Footer Background – Set the background color of the footer area at the very bottom of the page.

Footer Text Color – Set the color of the text in the footer.

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

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

Center Navigation / Info – Choose between left- and center-aligned footer navigation and site info.

Hide Site Info – Hide the site info in the footer.