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

This is a list of all Site Styles tweaks for the Aviator family (Aubrey, Aviator, Encore).

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 Aviator template guide.

Colors

Change the colors on your site. Navigation tweaks affect the Main Navigation.

  • Site Background
  • Background Image - Add an image as your site background.
  • Background Overlay - Add a filter effect with an overlay color.
  • Content Background - Set the color of the main content area of your site.
  • Borders - Change the color of the border set with Site Border in the Options section.
  • Navigation
  • Navigation Hover
  • Navigation Active
  • Folder Dropdown Background - Set the color of the folder menu overlay. Appears when you add a folder to your Main Navigation.
  • Site Title
  • Tagline
  • Contact Info
  • Headings
  • Links
  • Link Hovers
  • Text - Body text.
  • Quote TextQuote Block text.
  • Header/Footer Background
  • Header/Footer Links
  • Header Footer Link Hovers
  • Footer Text

Typography

Style fonts on your site.

  • Site Title Font
  • Tagline Font
  • Contact Info Font
  • Navigation Font - Style the Main Navigation.
  • Heading 1 Font - Includes album titles.
  • Heading 2 Font
  • Heading 3 Font
  • Text Font - Body text.
  • Quote FontQuote Block text.

Sizes & Values

Set the size and spacing of key elements on your site. These tweaks don’t appear on Info Pages.

  • Site Width
  • Logo Size - Appears if you’ve added a logo.
  • Site Title Margin
  • Site Tagline Margin
  • Header Top/Bottom Padding
  • Blog Left/Right Padding - Appears on Blog Pages.
  • Blog Top/Bottom Padding - Appears on Blog Pages.

Options

Change the layout of your site. Aside from the Info Page Layout tweak, these tweaks don’t affect your Info Page.

  • Info Page Layout: Offset, Poster, Business Card - Affects the layout of your Info Page and main site.
  • Site Drop Shadow - Add or remove a shadow around the content area of your main site.
  • Tagline and Contact Info: Show All, Show Tagline Only, Show Contact Info Only, Hide All
  • Site Border: Thin, Normal, Bold, Ultra, None

Info Page Styles

These tweaks appear on Aviator Info Pages. Control the layout with Info Page Layout in the Options section.

  • Overlay colors create a filter effect.
  • Info Page Background Image - Add an image as your Info Page background.
  • Info Page Background Overlay
  • Info Page Content Overlay Color - Appears when Info Page Content Overlay is checked.
  • Info Page Site Title
  • Info Page Tagline
  • Info Page Contact Info
  • Info Page Description
  • Freeform Text on Info Page - Remove the auto-populated text in the content area and replace it with blocks.
  • Info Page Content Overlay
  • Info Page Content Drop Shadow
  • Hide Info Page Dividers - Remove the line between the address and site description.
  • Info Page Site Title Font
  • Info Page Tagline Font
  • Info Page Contact Info Font
  • Info Page Description Font
  • Info Page Content Width
  • Info Page Content Padding  - Appears with Info Page Layout: Business Card.
  • Info Page Logo Size - Appears if you’ve added a logo.
  • Info Page Site Title Margin
  • Info Page Tagline Margin
  • Info Page Rounded Corners - Appears with Info Page Content Overlay.

Mobile Styles

Choose how your site looks on mobile devices. These tweaks don't affect Info Pages.

  • Mobile Background Image - Display the site background image on mobile. You may need to set the background colors for this to show.
  • Logo Size on Mobile - Appears if you’ve added a logo.

Social Icon Styles

Style the built-in social icons:

  • Social Icon Style: Normal, Round, Square
  • Hide Social Icons
  • Social Icon Size
  • Social Icons - Change the color.

Blog Styles

Change the settings for Aviator Blog Pages.

  • Hide Author
  • Blog Post Title Font
  • Meta Text - Set the color of meta text, such as blog authors and post dates.

Products

These tweaks appear on Classic Products Pages.

  • Show Category Navigation
  • Category Nav Font
  • Category Nav Link Color
  • Category Nav Active Color
  • Product Background Color
  • Product Overlay Color
  • Products Per Row
  • Product List Titles: Under, Overlay
  • Product List Alignment: Center, Left
  • Product Item Size
  • Product Image Auto Crop
  • Product Gallery Size
  • Product Gallery Auto Crop
  • Show Product Price
  • Show Product Item Nav
  • Product Social Sharing

Gallery Styles

These tweaks appear on standard Gallery Pages.

  • Gallery Design - Set the layout.
  • Aspect Ratio
  • Grid Spacing
  • Min Column Width
  • Lightbox Style: Dark, Light
  • Gallery Navigation: Thumbnails, Bullets, Numbers, Circles, Simple, None
  • Gallery Info Overlay: Always Show, Show on Hover, Hide
  • Gallery Aspect Ratio
  • Gallery Arrow Style: Round Corners, Rectangular, Circular, No Background
  • Gallery Transitions: Fade, Scroll
  • Gallery Show Arrows
  • Gallery Auto Crop
  • Gallery Autoplay
  • Gallery Loop
  • Gallery Autoplay Speed (sec)
  • Gallery Thumbnail Size
  • Gallery Arrow Background
  • Gallery Arrow Color
  • Gallery Circle Color
  • Gallery Info Background

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?
1 out of 4 found this helpful
Aviator Site Styles tweaks