Make images in a simple list auto layout clickable on ONE PAGE only.

Hello, I am looking to make the images on this page have links (the same links that is in the button) I don't want this to effect the rest of the site, only this page. Any suggestions? 

https://www.chasecontemporary.com/artists

@Beyondspacedo I put this in the page code header? I just tried it there and it didnt seem to work. thank you for your help. 

oh, i put it in the custom CSS and it works. thank you!!! 

is it possible to have this available on my homepage list section as well? https://www.chasecontemporary.com/ @Beyondspace 🙂 

You can use the following code to set the section on the home page

section[data-section-id="63ecc4af824c3b64145aed3e"] .list-item-content__button:after {
  content: '';
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

section[data-section-id="63ecc4af824c3b64145aed3e"] .user-items-list-simple .list-item-content__button-container {
  position: static;
}

section[data-section-id="63ecc4af824c3b64145aed3e"] .list-item {
  overflow: hidden;
  position: relative;
}

If you need to set on other sections, you can use the following extension to get the right section id

Squarespace ID Finder

Get the right id with this extension: https://recordit.co/Aj9vXw6rfY

Support me by pressing 👍  if this is useful for you

oh amazing thank you so much @Beyondspace worked like a charm 🙂 

@Beyondspaceis it possible to do this same thing on this page, but remove the button? Right now, if it remove the button, the images are no longer clickable. thank you!!!

2 hours ago, rodabaugh said:

@Beyondspaceis it possible to do this same thing on this page, but remove the button? Right now, if it remove the button, the images are no longer clickable. thank you!!!

You can keep the button and use the following to add this effect on this section

section[data-section-id="63efb9a9a138382a67465a16"] .list-item-content__button:after {
  content: '';
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

section[data-section-id="63efb9a9a138382a67465a16"] .user-items-list-simple .list-item-content__button-container {
  position: static;
  opacity: 0; /*hide the button on gallery*/
}

section[data-section-id="63efb9a9a138382a67465a16"] .list-item {
  overflow: hidden;
  position: relative;
}

Support me by pressing 👍 if this is useful for you

@Beyondspacethanks! That code hides the button, but the images in the list are still not clickable. Any other suggestion? thank you so much for your help and quick response!! 

Opp, it's my bad. I have just updated the code, kindly try it again

fantastic thank you!