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

Pacific, Bryler, Charlotte, Fulton, Horizon, and Naomi share the same underlying structure and functionality. This guide applies to all these templates.

This guide is a reference for all Site Styles tweaks in the Pacific, Bryler, Charlotte, Fulton, Horizon, Naomi template. To learn how to use Site Styles, visit Making style changes.

Note: The Squarespace platform is constantly evolving to give you the best possible tools for building your website. We update these guides frequently, but if the platform has recently changed you may see slightly different options than the ones listed below. The best way to learn the functionality of any tweak is to experiment with it and see what changes on your site.

Site Header

These tweaks adjust the header area and its elements.

  • Background Color  
  • Padding  
  • Site Title Font  
  • Site Title Color  
  • Logo Width  
  • Site Title Container Width  
  • Cart Button Background Color  
  • Cart Button Font Color  
  • Transparent on Banner Images  

Site Navigation

Adjust the links for the Main Navigation and Secondary Navigation.

  • Link Font  
  • Link Color  
  • Link Active Color  
  • Always Use Overlay Nav - Always display Main Navigation links as a hamburger icon.
  • Expand Homepage Index Links - Hide or reveal homepage Index Page section names in your Main Navigation. Only appears when you have an Index homepage in your Main Navigation. Learn more.
  • Index Scroll Nav: None, Show On Scroll - Enable or disable fixed navigation.

Page Banner

These tweaks apply to banners at the top of pages. They don’t apply to Index section banner images.

  • Overlay Color - Add a color filter to banner images at the top of every page.
  • Padding - Adjust the height of the banners.
  • Show Page Title  
  • Page Title Font  
  • Title Font Color  
  • Page Description Font  
  • Description Font Color  

Main Content

Adjust the color and font styles of your main content area and Blog Pages.

  • Background Color  
  • Page Padding - Adjust the padding between the header and site content.
  • Text Font  
  • Text Color  
  • Link Color  
  • Meta Font  
  • Meta Color  
  • Heading 1 Font  
  • Heading 1 Color  
  • Heading 2 Font  
  • Heading 2 Color  
  • Heading 3 Font  
  • Heading 3 Color  
  • Quote Font  
  • Quote Color  


Adjust the format of Index Pages. The Section Separator and Alternating Color tweaks differentiate between two consecutive sections that don’t have background images. 

  • Section Separator: Border, Alternating Background
  • Alternating Color  
  • Border Color  
  • Page Padding - Add padding at the top and bottom of Layout Page and Album Page sections.

Index Overlay

These tweaks apply to Layout Page and Album Page sections in an Index that have banner images.

To adjust the color and size of text for sections with background colors, use the tweaks in the Main Content section instead.

  • Color - Add a color filter to the banner images.
  • Padding  
  • Text Size  
  • Text Color  
  • Link Color  
  • Heading 1 Size  
  • Heading 1 Color  
  • Heading 2 Size  
  • Heading 2 Color  
  • Heading 3 Size  
  • Heading 3 Color  
  • Quote Size  
  • Quote Color  
  • Large Button Color  
  • Large Button Text Color  
  • Medium Button Color  
  • Medium Button Text Color  
  • Small Button Color  
  • Small Button Text Color  
  • Form/Donate Button Color  
  • Form/Donate Button Text Color  

Index Gallery

Style the Gallery Page sections in an Index Page.

  • Design: Slideshow, Grid
  • Grid Aspect Ratio  
  • Grid Max Columns: Two, Three, Four, Five
  • Slideshow Aspect Ratio
  • Slideshow Transition: Fade, Scroll
  • Slideshow Autoplay  
  • Gallery Overlay Color  
  • Gallery Title Font  
  • Gallery Title Color  
  • Gallery Description Font  
  • Gallery Description Color  
  • Gallery Controls: Arrows, Circles, Both, None
  • Gallery Controls Color: Light, Dark
  • Gallery Overlay Toggle  


These tweaks appear when you’re on a Blog Page.

  • Meta Priority: Date, Category, Author, None - Choose which metadata element displays above the post title.
  • Hide Entry Author  
  • Hide List Entry Footer - Hide the comments, likes, and shares below each post in the blog list.


Adjust the optional site-wide pre-footer.

  • Content: Custom, Empty - Choose Empty to remove the pre-footer.
  • Background Color  
  • Heading Color  
  • Text Color  


Adjust the site-wide footer.

  • Background Color  
  • Heading Color  
  • Text Color  
  • Nav Font  
  • Nav Color  
  • Nav Active Color  
  • Hide Site Info  
  • Site Info Color  

Category Navigation

Add or remove category navigation for Blog Pages and Products Pages. Category Nav Link tweaks are consistent across all category navigations.

  • Show Blog Category Navigation  
  • Show Products Category Navigation  
  • Category Nav Link Font  
  • Category Nav Link Color  
  • Category Nav Link (Active)  

Gallery Styles

These tweaks appear when you’re on a Gallery Page. For general help, visit Styling a Gallery Page.

  • Use the Gallery Design tweak to set the layout.

Gallery Design: Grid

  • Aspect Ratio - Controls the aspect ratio (width:height).
  • Grid Spacing - Increase the padding between individual images in your grid.
  • Min Column Width - Set the width of columns in your grid.
  • Lightbox Style: Dark, Light

Gallery Design: Slideshow

  • Gallery Navigation: Thumbnails, Bullets, Numbers, Circles, Simple, None - The type of navigation provided on the page.
  • Gallery Info Overlay: Always Show, Show on Hover, Hide - For image titles and captions
  • Gallery Aspect Ratio - Controls the aspect ratio (width:height). Use with the Gallery Auto Crop tweak.
  • Gallery Arrow Style: Round Corners, Rectangular, Circular, No Background - Style the arrows used to cycle through the slides.
  • Gallery Transitions: Fade, Scroll
  • Gallery Show Arrows  - Uncheck to hide arrows on your gallery display.
  • Gallery Auto Crop - Auto-crops images to the aspect ratio set with the Gallery Aspect Ratio tweak.
  • Gallery Autoplay - Cycle gallery images automatically without user interaction.
  • Gallery Loop - Enable a gallery to cycle through to the first slide after the last slide.
  • Gallery Autoplay Speed (sec)
  • Gallery Thumbnail Size - Set the height of gallery navigation thumbnail images.
  • Gallery Arrow Background
  • Gallery Arrow Color
  • Gallery Circle Color
  • Gallery Info Background - The color used as the background for the image titles and captions.


These tweaks appear when you’re on a Products Page. For in-depth information, visit Styling the Products Page.

  • Product Background Color - The color behind the product image.
  • Product Overlay Color - Set the color of the on-hover overlay when Product List Titles: Overlay is enabled.
  • Products Per Row - Set the number of products per row on the Products Page.
  • Product List Titles: Under, Overlay - Set the title and price to display under the thumbnail image or on hover.
  • Product List Alignment: Center, Left - Set text to Center or Left when Product List Titles: Under is enabled.
  • Product Item Size - Set the image ratio (width:height) for photos on the Products Page.
  • Product Image Auto Crop - Crop product images to the aspect ratio set with the Product Item Size tweak.
  • Product Gallery Size - Set the image ratio (width:height) for photos on product item pages.
  • Product Gallery Auto Crop - Crop images on product item pages to the aspect ratio set with the Product Gallery Size tweak.
  • Show Product Price - Show or hide prices on the Product Page. If unchecked, the price will still appear on product item pages.
  • Show Product Item Nav - Display a navigation link back to the Products Page.
  • Product Social Sharing - Add or remove Share buttons from product item pages.


These tweaks appear when you’re on an Events Page. For general help, visit Styling the Events Page.

  • Disable Item Pages - Disable the title link for individual events. When unchecked, clicking an event's title opens the individual event page.
  • Show past Events  
  • Show Thumbnails - Show the thumbnail image for each event on the Event Page to the left of the event.
  • Thumbnail Size
  • Show Date Tag - The date tag highlights event dates. It displays to the left of each event in on the Event Page.
  • Show Date Tag w/ Time  
  • Show Categories  
  • Show Date  
  • Show Time  
  • Show Location  
  • Show Export Links - Visitors use export links to send event details to Google Calendar or iCal.
  • Show Social Buttons  
  • Show Excerpt - Excerpts display a brief description of an event in the Events Page List view
  • Show Button  
  • Show Back Link - Shows the 'Back To All Events’ link on individual event pages.
  • 24-Hour Time  
  • Stacked View - Display your events as a stacked list with thumbnails appearing above the event at full-width.

Album Options

These tweaks appear when you’re on an Album Page.

  • 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 more about available style changes, visit About blocks to find help content for your specific block.

Was this article helpful?
2 out of 8 found this helpful
Pacific Site Styles tweaks