Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Supply Site Styles tweaks

This is a list of all Site Styles tweaks for the Supply template.

We constantly evolve the Squarespace platform to give you the best possible tools for building your website. If the platform recently changed, you may see different options than the ones listed below. The best way to learn how any tweak works is to experiment with it and see what changes on your site.

Tip: For general help, see the Supply template guide.

Site Wide

Style your site alignment and the background color for your main content areas.

  • Site Vertical Alignment: Top, Middle - For Top, the site title, tag line, and Main Navigation display at the top, and Secondary Navigation and social icons display at the bottom. For Middle, all elements are centered vertically.
  • Page Color

Homepage

This tweak appears when you set a Layout Page as a homepage. 

  • Full Width Homepage

Header

Choose the settings for the navigation sidebar.

  • Header Color - Set the background color for the sidebar.
  • Site Title Font
  • Site Title Color
  • Logo Size - Appears when you’ve replaced your site title with a logo.
  • Site Tagline Font
  • Site Tagline Color
  • Header Border - Add a border between the sidebar and the page content.
  • Header Border Thickness
  • Header Border Color
  • Use Site Title in Mobile Header - Appears after you’ve added a site logo. Learn more.

Navigation

Change the display settings for the Main Navigation and Secondary Navigation that displays in your sidebar.

  • Folder Links: Always Show, Collapsible - Choose if sublinks always show or display when clicked. Links always show on mobile.
  • Index LinksShow Both, Parent Link Only, Child Links Only, Show Both While Inside Index - Choose how Index Links display.
  • Product Category LinksShow Both, Parent Link Only, Category Links Only, Show Both While Inside Index - Choose if sublinks and categories display. They won't display if the Products Page is in an Index.
  • Primary Nav Font
  • Nav Link Spacing
  • Primary Nav Link Color
  • Secondary Nav Font
  • Secondary Nav Link Color
  • Nav Active Color

Social

Style the built-in social icons:

  • Show Social Icons
  • Social Icon Style: Round, Square, Icon Only
  • Social Icon Size
  • Social Icon Color
  • Standard Color - Use the default color of the service's branding.

Main Content

Style the fonts and colors for your site's text.

  • Heading Font - Style all headers on your site. The size option sets the Heading 1 size; Heading 2 and Heading 3 text scales proportionally.
  • Heading Color
  • Body Font
  • Body Text Color
  • Meta Font - Affects metadata on your site, such as the dates and tags on blog posts or the Sale label on products. The color is set by the Body Text Color, but is partially transparent.
  • Link Color

Products

These tweaks appear on Supply Products Pages.

  • Product Background Color
  • Product List Style: Viewbook, Catalog, Showroom, Flipcard
  • Product Column Width - Controls the width of the products. The smaller the width, the more products columns display horizontally. The number of columns that display depends on the width of the browser window.
  • Product Gutter - Set the space between product items. Reduce to 0px to create a seamless grid without any margins.
  • Product Aspect Ratio - Controls the size and shape of your thumbnails. Selecting any ratio other than Auto will make all the images in your gallery the same size. Check this to crop the image around its focal point to fill the center panel.
  • Product List Title Size
  • Product Title Color
  • Product Price Color
  • Product Size Color
  • Product Item Single Image Fill  - Appears if a product item page has only one image. Product Image crops around its focal point to fit the center panel.
  • Product Item Image Margin
  • Hide Product Share Button

Index

These tweaks appear on Supply Index Pages.

  • Index Background Color
  • Index List Title Style: Overlay, Color Overlay, Under, Always Show
  • Index List Font Size
  • Index Column Width
  • Index Gutter
  • Index Aspect Ratio
  • Index Item Color
  • Index Title Color

Gallery

These tweaks appear on Supply Gallery Pages.

  • Gallery Single Image Fill - Appears if a Gallery Page has only one image. Product Images crop around their focal point to fit the center panel.
  • Gallery Image Margin

Blog

These tweaks appear on Supply Blog Pages.

  • Blog Post Border
  • Hide Blog Author

Events

These tweaks appear on Events Pages.

  • Disable Item Pages
  • Show past Events
  • Show Thumbnails
  • Thumbnail Size
  • Show Date Tag
  • Show Date Tag w/ Time
  • Show Categories
  • Show Date
  • Show Time
  • Show Location
  • Show Export Links
  • Show Social Buttons
  • Show Excerpt
  • Show Button
  • Show Back Link
  • 24-Hour Time
  • Stacked View

Album Options

These tweaks appear on Album Pages.

  • Album Text Color
  • Hide Album Share Link

Cover Pages

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

Block tweaks

Tweaks for certain blocks also display in Site Styles. To learn about style options in a specific block, visit About blocks and click the name of the block you want to learn more about.

Was this article helpful?
2 out of 10 found this helpful
Supply Site Styles tweaks