Hiding projects from portfolio navigation

Hello all,

I am adding some new projects to my graphic design portfolio, ellajenkinsdesigns.com, and would like to archive some of my older projects without deleting them. After doing some digging around the internet, I found some CSS that hides selected projects from the portfolio pages' gallery view (https://www.ellajenkinsdesigns.com/design)

Quote

/* Hide specific portfolio project pages*/

a.grid-item[href*="freelance-work"], a.grid-item[href*="gainezilla-website"], a.grid-item[href*="aquacare"], a.grid-item[href*="houseplants"], a.grid-item[href*="the-wicked-witch-of-the-west-coast"], a.grid-item[href*="bambi-sunglasses"] {display: none;}

This code works great for hiding specific projects from the overall grid. However, when I go to the bottom of my last visible project's page (https://www.ellajenkinsdesigns.com/design/pozzy), the next project (hidden) shows up at bottom-of-page navigation. Is there a way to hide this? Here is an image showing the issue: https://imgur.com/a/Mro62Bu

I do wish there was an easier way to archive portfolio projects...Nevertheless, any additional advice or support would be greatly appreciated.

Hi, could you please explain me where I can add this code on Squarespace ? I do not find the feature where to add the code to hide one project on my portfolio. 

Many thanks,

Elena

On 9/18/2023 at 10:24 PM, Elena001 said:

Hi, could you please explain me where I can add this code on Squarespace ? I do not find the feature where to add the code to hide one project on my portfolio. 

Many thanks,

Elena

You need to add it to Website > Website Tools > Custom CSS

But you will need to edit ID in the code, if you can't find this, you can share link to project where you have problem, we can give exact code for your case

Hi, how do I find the page ID of a project page inside a portfolio?

On 12/20/2023 at 11:41 PM, claudiabrosel said:

Hi, how do I find the page ID of a project page inside a portfolio?

Instead of finding id, you can edit that page > Add a Block > Choose Code > Then paste the code

<style>
  .item-pagination-link--next {
    display: none;
}
</style>