Hide an image in every 2nd grid child (CMS grid)

Design help Custom code
1

Hey guys!

I have a CMS grid with 4 items in it, and want to hide a little icon in the corner for every 2nd child in the grid, I tried it with nth item, but didn’t really work, would appreciate some help!

Here is my site Read-Only: [LINK][1]

2

Hey Tasnadi, :nth-child() was the right approach, however it needs to be applied to the parent
I think you’re wanting this.

<style>
.grid-latest .blog-collection:nth-child(even) img.blog-image-top-left {
  display: none; 
}
</style>
3

Thanks! Works perfectly!

1 Like