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

Avenue site styles tweaks

This is a list of all site styles tweaks for the Avenue 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 Avenue template guide.


For more help, visit Changing colors.

  • Site background
  • Site background image - For more help, visit Adding a background image.
  • Canvas background
  • Site title color
  • Site title (hover) color
  • Site subtitle color
  • Navigation color
  • Navigation (hover) color
  • Navigation (active) color
  • Heading 1 color
  • Heading 2 color
  • Heading 3 color
  • Text color
  • Body link color
  • Body link (hover) color
  • Page border color
  • Social icon color


For more help, visit Changing fonts.

  • Site title
  • Site subtitle
  • Navigation
  • Heading 1
  • Heading 2
  • Heading 3
  • Body text

Sizes & values

Change the padding and spacing of your site.

  • Site width
  • Canvas padding
  • Top padding
  • Navigation link spacing
  • Header padding - This tweak doesn't affect mobile display.
  • Page padding
  • Footer padding
  • Logo size (max)
  • Mobile logo size
  • Social icon size


Change the layout and alignment of key elements on your site.

  • Layout style: right, center, left - Set the layout of your site title and navigation. If you choose center, the navigation displays below the site title. This tweak affects the site-wide footer.
  • Page borders: dotted, thin, thick, none
  • Underline body links
  • Social icon style: normal, round, square
  • Hide social icons - Hide or display the footer's built-in social icons. This tweak only appears if you've added links to the Social links panel.

Blog styles

Change the settings for Avenue blog pages.

  • Blog meta color
  • Blog sidebar display: auto, right, left, hidden
  • Blog sidebar width
  • Blog post spacing

Index styles

Thumb and Thumbnail tweaks affect the thumbnail images on Avenue index pages, and the navigation titles that display beneath them.

Layout pages and gallery pages have special formatting when opened from an index. These tweaks appear when you open a gallery page from the index:

  • Index item detail width - Change the width of the images that display on gallery pages opened from the index.
  • Index item layout: auto, left, right, center - Set whether the page title and description displays to the right, to the left, or centered above the images. Choose auto to follow the site layout (set with the Layout style tweak in the Options section).

These tweaks affect the index landing page:

  • Index thumb title - Set the font and size of the navigation titles.
  • Index thumb title color - Set the color of the navigation titles.
  • Index thumb title position: below, overlay - Choose if the navigation titles display under the thumbnail, or appear on hover.
  • Index thumb layout: autocolumns, basic grid - Choose if the thumbnail images display as squares in a grid, or at their original aspect ratio.
  • Index thumb background - This color displays behind thumbnails while the index page loads. Combine with the Thumbnail opacity tweaks to display on hover.
  • Thumbnails per row - Choose the number of columns. Appears when Index thumb layout: basic grid is selected.
  • Thumbnail ratio - Set the thumbnail height. Appears when Index thumb layout: basic grid is selected.
  • Thumbnail max width - Set the thumbnail size. Appears when Index thumb layout: autocolumns is selected.
  • Thumbnail padding
  • Thumbnail opacity - Combine with the Index thumb background or Site background tweaks to add a color filter effect.
  • Thumbnail hover opacity - Combine with the Index thumb background or Site background tweaks to add a color filter effect on hover.
  • Thumbnails on open page: show all, hide active, hide all - Choose which index page thumbnails display as navigation at the bottom of active pages.
  • Hide index thumb titles - Remove the navigation titles that display below or over the images.
  • Full width index - Display active pages at the width of the site, minus Canvas padding.

Gallery styles

These tweaks appear on Avenue gallery pages.

  • Gallery page controls: tiny thumbnails, bullets, numbers, simple, hidden
  • Gallery auto play
  • Gallery play speed


These tweaks appear on Classic store 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

Products: related products

  • Items per row
  • Item spacing
  • Image aspect ratio
  • Details alignment
  • Item title spacing


These tweaks appear when you’re on an events page.

  • 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 Cover pages to learn more.

Block tweaks

Tweaks for certain blocks also display in site styles. To learn about the style options, visit Adding content with blocks and click the name of the block you want to learn more about.

Was this article helpful?
9 out of 37 found this helpful
Avenue site styles tweaks