to: Feenstra technician

Edit/Add/Remove individual Project Pages by navigating to the desired page beneath "All Pages".

Something Not Working? Squarespace is a little buggy. Sometimes, things don't load properly, or settings aren't applied right away. Remain patient, and hit refresh.

Resize all photos to a maximum of 1500pixels wide. Squarespace is quite slow to load if images are uploaded in their original size. Squarespace's maximum width is 1500. It will then reduce the image size for different platforms ie. tablets and phones. Navigate to the server: FAI/PromoProposals/3 Website/Website 2016/sub-category/1500px Resize and place new, resized images here. Keep things organized!

slideshow-cropping.jpg

Create a New Project Page Step By Step

Step 1
Find any existing project page from the left-hand menu bar (example Citrus) and click the little gear that appear to the right of the title. A menu bar on the right of the web browser should appear. Scroll to the bottom and click "DUPLICATE PAGE". Confirm

Step 2
Name your new page. In the menu bar you will see a duplicate of Citrus appear at the top of the menu. Simply type in a new project name and hit enter.

Step 3
At this point, another menu bar should have appeared on the right of the web browser. Please change the name if it hasn't been updated, and continue to work through the categories, updating each as you work your way through. "REMOVE" the previous project thumbnail and upload a new one (make sure that the image has been resized to a MAXIMUM of 1500pixels tall, or wide (whichever is greater). 

Step 4
Click on your newly created project title from the left-hand menu. You should see a page identical to the project you duplicated. DUH! Continue to update each section of the page. Title, description, and don't forget to remove the old images and upload a whole bunch of new ones that pertain to the new project!

Step 5
Click and drag the new project page (in the left-hand menu bar) either under "Selected Projects" Index page if you want this new project to appear on the page with all projects, or click and drag it under the corresponding subcategory gallery. This latter option doesn't do anything for the website, but it will make it easier to locate projects down the line.

 

 

 Can't figure something out? Visit support or the community forums.  The forum is a good resource that can be helpful if you need to insert custom scripts (CSS) but the CSS often alters the mobile version. The Squarespace support staff will help you with questions that are not CSS related (general squarespace help). The support sites can be slow, so be patient.

 

 

Avenue is a modern portfolio template with clean, straight lines and an adaptive grid-based layout. Avenue is especially popular with photographers and designers.


Sizes & Values

Site Width - set the width of the site content area including the canvas padding.

Canvas Padding - control the amount of spacing around the inside of the canvas area.

Top Padding - adjusts the amount of spacing at the top of the site, outside the canvas area.

Navigation Link Spacing - sets the relative amount of spacing between each navigation link.

Header Padding - control the amount of spacing at the bottom of the header area, below the site title and navigation. 

Page Padding - sets the amount of spacing at the top and bottom of each page in the site.

Footer Padding - controls the amount of spacing at the top of the footer area.

Logo Size (Max) - sets the maximum height of the site logo you have uploaded.

Social Icon Size - set the size of the (non-social-block) social icons. 


Template Options

Layout Style - determines the layout of the header area (logo and navigation).

Page Borders - control the size/display style of all site borders.

Underline Body Links - toggle the underline on all body links. 

Social Icon Style - sets the template specific (non-social icon block) social icons style.

Hide Social Icons - toggle the display of the template specific (non-social icon block) social icon links.

 


Index Styles

(custom gallery)

Index Thumb Title Color - sets the color of the thumbnail title for each index item.

Index Thumb Background Color - sets the color behind the thumbnail image for each index item.

Index Thumb Titles - choose the font and size used for the thumbnail title text.

Index Sidebar Width - sets the width of the sidebar displaying the title and description of the item.

Thumbnails Per Row - controls the number of columns used on your Index page.

Thumbnail Ratio - sets the size and shape of the thumbnail images based on a ratio. 

Thumbnail Padding - controls the amount of space in between each index item thumbnail image.

Thumbnail Opacity - sets the initial amount of transparency that should be used on index item thumbnail images.

Thumbnail Hover Opacity - sets the transparency of the thumbnail image on hover.

Hide Thumbnail Titles - toggle the display of the thumbnail title for each index item.

Thumbnails on Open Page - show or hide the index thumbnails at the bottom of an index item view.

 


Blog Styles

Blog Meta Color - sets the color used on article meta data (date, comment, like & share).

Blog Sidebar Width - controls the width of the sidebar on the blog list and item view. 

Blog Post Spacing - sets the amount of spacing between each blog post on the list view.


Product Styles

Product Background Color - sets the color behind the product image.

Product Overlay Color - sets the color of the overlay when product list titles are set to 'overlay.'

Products Per Row - determines the number of products shown per line on the product list.

Product List Titles - controls the position of the product title on the product list.

Product List Alignment - sets the text alignment of the product title on the product list.

Product Item Size - select an image ratio for the product photo on the product list. 

Product Image Auto Crop - determines whether product images fill the image area or fit within.

Product Gallery Size - select an image ratio for the product gallery on the product item page.

Product Gallery Auto Crop - determines whether product images fill the gallery area or fit within.

Show Product Price - shows the price on the product list page when enabled.

Show Product Item Nav - shows the 'back to shop' link on the product item page.

 


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 - controls 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.