Squarespace Project Pages Tricks (Portfolio Pages)

Here are some tips on Squarespace Project Pages (Portfolio Pages) in Squarespace 7.1 version.

Remove Pagination Title, Keep Arrows

Add to Home > Design > Custom CSS

/* remove pagination title */
.item-pagination[data-collection-type^="portfolio"] .pagination-title-wrapper {
    display: none;
}

Remove Pagination Title, Add Previous/Next

Add to Design > Custom CSS

.item-pagination[data-collection-type^="portfolio"] h2.item-pagination-title {
    display: none;
}
.item-pagination[data-collection-type^="portfolio"] .item-pagination-prev-next {
    display: block !important;
}

Change Pagination Title Size (Mobile)

Add to Design > Custom CSS

@media screen and (max-width:767px) {
h2.item-pagination-title {
    font-size: 20px !important;
}
}

Change Pagination Arrows size

Add to Design > Custom CSS

.item-pagination-link .item-pagination-icon svg {
    width: 10px !important;
}

Add Project Links under Pagination

  1. Edit Site Footer > Add a Text Block > Insert text links > Enter project links
  2. Contact me with site url. I will give the code (Each site needs different code)

Pagination Custom Font

@font-face {
font-family: 'font-name';
src: url(paste font file url here);
}
h2.item-pagination-title {
    font-family: 'font-name' !important;
}

Featured Image: Pixabay.com

Share this post:

Leave a Comment