Anarchy in a Jar

The revolution starts in your mouth // Small-batch condiments made in Brooklyn


Site

Background Color – This color will fill your site's entire background. 

Body Text Color – This color will be assigned to all body text. 

Body Font – Set the font and other style properties of all body text. 

Heading Text Color – This color will be assigned to all headings across your site.

Heading Font  – Set the font and other style properties of all headings across your site.

 

Link Color – This color will be assigned to all text links. 

Page Width – This setting determines the width of all regular content pages (e.g. non-product, non-gallery, etc). The most legible width for reading is about 10–15 words across.

Tint Page Background – This setting tints the content area background color helping to distinguish it from the heading area (applies to non-product and non-gallery pages only).

 


Header

Header Spacing – This setting adjusts the space above and below the logo image or site title. 

Site Title Color – This color will be assigned to the site title within the header. 

Site Title Font – Set the font and other style properties of the site title within the header.

Site Tagline Color – This color will be assigned to the site tagline, if set, within the header. 

SIte Tagline Font – Set the font and other style properties of the site tagline, if set, within the header.

Site Tagline Spacing – This setting adjusts the spacing above the site tagline, if set. 

Nav Style – Change the design of your nav by choosing between these different styles.

Nav Accent Color – This color will be assigned to certain nav styles. 

Nav Link Color – This color will be assigned to the links within your nav. 

Nav Link Font – Set the font and other style properties of the links within your nav. 

Hide Folder Indicators – If checked, this hides the plus (+) sign that appears next to a folder within your nav.

 


Mobile Styles

Nav Branding – Choose whether to show your site title or upload a mobile-optimized version of your logo image. 

Nav Height – This setting determines the height of your mobile nav.

Nav Site Title Color – This color will be assigned to the site title within your mobile nav.

Nav Site Title Font – Set the font and other style properties of the site title within your mobile nav. 

 


Product Grid

 

Product Grid Style – Change the design of your store by choosing between these different grid styles.  

Product Size – Adjust this setting to best match the aspect ratio of your product images. 1 is square. 

Product Spacing – This setting adjusts the space in between product images. 

Product Info Style – Change the design of the information that displays atop the product images. 

Product Info – Choose which information should display atop the product images.  

Product Accent Color – This color will be assigned to the information that displays atop the product images. 

Product Info Font – Set the font and other style properties of the information that displays atop the product images.  

Product Sale Marker Color – This color will be assigned to the marker indicating that an item is on sale. 

Show Alt Image on Hover – If checked, the second image uploaded for a product will appear when you hover over a product image.

 


Blog

Enable Blog Sidebar – If checked, your blog will have a sidebar to which you can add blocks. 

Hide Author – If checked, the post author will not show within the post header. 


Gallery Styles

Gallery Navigation – Determines the type of gallery image navigation is provided on the page.

Gallery Info Overlay – Select the type of display used for image title and caption.

Gallery Aspect Ratio – Controls the aspect ratio (width:height) for the gallery active slide.

Gallery Arrow Style – Determines the style of the arrows used to cycle through the slides.

Gallery Transitions – select the transition styles used to animate between slides being viewed.

Gallery Show Arrows – choose to use arrows for cycling through slides.

Gallery Auto Crop – choose to auto crop slide images to the selected ratio.

Gallery Autoplay – choose to 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 – Specify the speed at which the gallery pauses on the active slide.

Gallery Thumbnail Size – Control the height of thumbnail images when used for gallery navigation.

Gallery Arrow Background – Specify the color that is used for the shape of gallery arrows.

Gallery Arrow Color – Specify the color that is used for the arrow itself.

Gallery Circle Color – Specify the color that is used for the circle shape gallery arrows.

Gallery Info Background – Specify the color used in the background of the image title and caption. 


Event Styles

Event Time Format – Toggle between 24 hour or AM/PM for event times.

Event Icons – Enable icons on the address and event time display.

Event Thumbnails – Show an image thumbnail in list view.

Event Thumbnail Size – Control the size (ratio width:height) of the event thumbnail image.

Event Date Label – Enable date overlay on top of event thumbnail.

Event Date Label Time – Include the time of the event with the date overlay.

Event Excerpts – Show optional excerpt text of events on the list view when present.

 

Event List Date – Show the full event date (day, month, year) of the event on the list view.

Event List Time – Show the time range (start time-end time) of the event on the list view.

Event List Address – Show the event location address when present.

Event iCal/gCal Links – Show links to add events to Apple or Google calendars.

Event Like and Share Buttons – Show Squarespace simple like and share buttons on events.

Event List Compact View – Enable a simple stacked view of events in the list view.

Event Calendar Compact View – Enable a simpler calendar view optimized for smaller areas