Jump to content

Removing images from "Projects" page

Recommended Posts

So I just started working on a website for my portfolio, I'm using the Project page of course to link to my separate pieces of work but I am not a fan of the big preview grid images. I'd ideally like to hide them or at least make them smaller.

I've looked at the source in Chrome and saw they were under a grid-image div so I tried putting:

.grid-image { 
    display: none; visibility: hidden;!important

into my CSS for the page but they're still showing up.

Am I missing something here or is there just no way to get rid of the grid images of a Projects page.

Link to comment
  • Replies 5
  • Created
  • Last Reply
Just now, rwp said:

Better off using a different section layout. 7.1 doesn't really have specific pages, they are just examples.

You can start with a blank screen and add and remove sections and blocks as needed.

I actually got it to work, if you refresh it now the images should be gone. I put the code into <style></style> and it ended up working. Silly me.

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.