Set Squarespace Portfolio Item as Draft [Simple CSS Solution]
One oversight that Squarespace makes is to do with portfolio items.
For some reason, there’s no way to set a Squarespace portfolio item as a draft. Instead the minute you create it it will be live on your website, even if you’re still working on it.
There is a solution to this that requires a simple bit of CSS. It’s not perfect, but it does the job until Squarespace allows us to set portfolio items as drafts hopefully some time in the future.
Watch the video
Check out the YouTube video below 👇
To set a portfolio item as a draft you need to head to the settings of the portfolio item by clicking on the three dots that appear next to the relevant page.
What you need to do is add draft to the URL. For example you would change this URL:
https://bycrawford.com/portfolio/dame-kelly-holmes-trust
To:
https://bycrawford.com/draft/portfolio/dame-kelly-holmes-trust
Hit save but you’ll notice nothing has actually changed, your portfolio item is still visible.
This is because you need to add a small piece of custom code to prompt Squarespace to recognize the draft in the URL and set the age accordingly.
Head to Website > Pages > Website Tools > Custom CSS and add the following code to your custom CSS box:
grid-item[href*="draft":] {
display: none;
}
And this code will then set the page to draft.
📩 Join the inner circle to get exclusive code updates
This isn’t a perfect solution as while it will take the page out of your main portfolio item list for example, it won’t remove any other links you have pointing to the page from elsewhere on your website. So you need to remember that people may still be able to access it.
Hopefully Squarespace will soon introduce the ability to set portfolio items as drafts but until they do, hopefully this code hack will act as a placeholder for the time being.
Your designer
I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.
Want more?
![](https://images.squarespace-cdn.com/content/v2/namespaces/memberAccountAvatars/libraries/5dd0337f6bf3427e522b69c8/42cfd85cc06f444dbab5a8076a12d813/42cfd85cc06f444dbab5a8076a12d813.jpeg?format=300w)
This article was written by Sam Crawford, one of the world’s leading Squarespace website designers.
Sam is an official Squarespace Expert, official Squarespace Partner, official Squarespace Community Leader, official Squarespace blog contributor, official Squarespace panelist, Squarespace educator and multi-award winning Squarespace designer.