Portfolio Pages

GENERAL ELEMENT COMPONENTS & CSS SNIPPETS

 Select a Squarespace Element to Examine CSS Selectors: 

Squarespace Element Description
Portfolio Listing Page Refers to elements that appear on the main listing view of portfolio collection pages
Portfolio Individual Listings Refers to elements that appear on individual portfolio pages

CSS Code Snippets for Customizing Portfolio Pages

Hide pagination on portfolio pages

To hide pagination on all collection pages, you can remove the “[data-collection-type*="portfolio"]” attribute from the selector.

//Start: Hide pagination on portolio pages
.item-pagination[data-collection-type*="portfolio"] {
  display: none;
}
//End: Hide pagination on portolio pages

Hide an element(s) only on portfolio collection pages, including the listing page and the individual portfolio item pages

Portfolio and video pages are constructed differently than other collection pages in that we don’t have any specific class names we can use to target the body element of these pages.

Instead, add this code snippet to the header code injection on the relevant collection pages.

Alternatively, you can use the Specific Page ID selector to target a specific collection page.

<style>
  PUT_SELECTORS_HERE {
    display: none !important;
  }
</style>
Previous

Blog Posts
Next

Video Pages