7.1 Hide Portfolio Item on main grid

Site URL: https://buffalo-carrot-5s84.squarespace.com/design-work

I am trying to hide the last 2 projects in my portfolio grid that I still want to appear when using the pagination at the bottom of each portfolio item. I currently have them as linked images much larger in a section above the grid, highlighting these two projects.  I have tried to hide the grid item with css but I am unable to select the individual items. This is what I have so far but it is hiding the whole portfolio.

Site: https://buffalo-carrot-5s84.squarespace.com/design-work

Password: saku

  #gridThumbs { 
    .grid-item {display:none}
   
}

@tuanphan  Thank you! That worked perfectly!

What about for targeting the .portfolio-overlay of a grid item that has a specific href? I'm trying to add specific color overlays for projects but don't want to use nth child so that it doesn't break when I add new projects into the grid

On 6/27/2022 at 7:44 AM, Leo29 said:

What about for targeting the .portfolio-overlay of a grid item that has a specific href? I'm trying to add specific color overlays for projects but don't want to use nth child so that it doesn't break when I add new projects into the grid

Use some code like this

a.grid-item[href*="leviti"] .portfolio-overlay {
	background-color: red !important;
}

On 9/9/2020 at 2:55 PM, tuanphan said:

You mean Leviti & Potters?

Use this CSS

a.grid-item[href*="leviti"] {
    display: none;
}
a.grid-item[href*="potters"] {
    display: none;
}

 

gave this a try for my own site, simply displays text at the top of the screen.

I am not sure if the problem is the word grid or not. My goal is to hide one or more of the portfolio items from my site, in this case the folder "Final Bout"

https://www.dutchtouch.us/portfolio-1

On 11/10/2022 at 8:54 AM, Dutch_Touch said:

gave this a try for my own site, simply displays text at the top of the screen.

 

I am not sure if the problem is the word grid or not. My goal is to hide one or more of the portfolio items from my site, in this case the folder "Final Bout"

 

https://www.dutchtouch.us/portfolio-1

Did you add code to Design > Custom CSS or Code Injection/Page Header?

40 minutes ago, tuanphan said:

Did you add code to Design > Custom CSS or Code Injection/Page Header?

Oh silly me I didn't even realize there was another place to do this, it worked!!! Thank you!