remove click-through in index page - flatiron

Hi, I'm trying to remove the ability for users to click through on certain Thumbnail/Banner Images within an Index page on a site using the flatiron template.  Specifically, the images that represent routes 2-10.  

any advice / help would be appreciated.

Try adding this to Home > Design > Custom CSS

.item [href="/route2"] {
    pointer-events: none;
}

unfortunately, it didn't work.  thank you for the reply, though.  

Give this a go.

.item :not( [href="/route1/"] ) {

  pointer-events: none;
  
  }

If you need to have more than route1 one clickable this CSS would need to be adjusted.

Or if you want just route one not clickable use @tuanphan code but just add a forward slash to the end of the URL like "/route1/".

Let us know how it goes.

i will eventually need to have more than one clickable, so i added the forward slash to the @tuanphan code, as per your suggestion and it worked.  thanks, guys.  this has been driving me crazy for a while.