Please help me make gallery images and titles linkable to the product page

Site URL: https://tasteofdecorfluid529.squarespace.com/

Hi everyone! 

I am trying to make each wine and title on the gallery here link to the product/wine page it represents : clickable so that it links straight through to the wine/product page.

I have used CSS from researching the forums but the links only are clickable if I have the CSS open on the left hand side (wierd right) Once I open it normally to view- It doesn't work.

Please can someone help me with correct code- I don't think I have it correctly..

Password: ProcureWine2024

https://tasteofdecorfluid529.squarespace.com/elephant-hill-winery-page

Big thank you! 

Assuming that you don't want to have a button visible, a simple way to do this would just be to use some code to make the button take up the whole width and height of the carousel item.

You can then edit the relevant colour theme to set the button text and background to transparent via Site Styles.

Note: you will need to add some button text (e.g. Shop) even though you're ultimately hiding it, or the link won't work.

/* Make carousel items clickable based on button link */

.list-item-content__button-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
}

.list-item-content__button {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

Make sure to remove any previous code you've added for this first or it may interfere!

Thank you so so much- I have added it but it only works while the CSS is still open on the left and not once I have viewed the website as a hole. I have checked for previous css but am at a loss and cant find it.

Any ideas how I could find the css related to this that I put in first ( I didn't highlight it as I have been doing more recently...rookie error) 

Thank you!

Actually no- i have activated the button and it works!!!! Thank You !!!