[Share] Hide a project in Portfolio Page

To hide a project on the Squarespace Portfolio Page, you can follow these.

If you can't make it work, you can send link to Portfolio Page on your site, I will check it again.

#1. Find Portfolio Page Layout

Hover on the Portfolio page > Click Edit Section

If the layout is Grid Simple or Grid Overlay, then use the #3.1 code

If the layout is Hover: Background, Hover: Follow Cursor, or Hover: Fixed, then use the #3.2 code

#2. Find the project item URL

Hover on each item > Click 3 dots icon > Settings

See General > URL Slug

In my example, we will have:

• /portfolio01-gridsimple/project-01
• /portfolio01-gridsimple/project-02

#3.1. If layout us Grid: Simple or Grid: Overlay, use this code to Custom CSS box

/* Portfolio - Grid Simple + Grid Overlay */
a.grid-item[href="/portfolio01-gridsimple/project-01"], a.grid-item[href="/portfolio01-gridsimple/project-02"] {
    display: none;
}

#3.2. If the layout is Hover: Background or Hover: Follow Cursor or Hover: Fixed, then use this code to Custom CSS box

/* Portfolio - Hover: Follow Cursor + Hover: Fixed + Hover Background */
a.portfolio-hover-item[href="/portfolio01-gridsimple/project-01"], a.portfolio-hover-item[href="/portfolio01-gridsimple/project-02"] {
    display: none;
}

#4. Note

The code will not hide items in Pagination

Even if you use code to hide items in Pagination, other items will not automatically fill in the blanks. For example, you have 2 items on the left – right, if you hide the item on the left, it will show white space later.

You can use this code to Custom CSS to hide Pagination

section.item-pagination[data-collection-type^="portfolio"] {
    display: none !important;
}