Make list images clickable Squarespace 7.1

Site URL: https://www.coastalgrain2.squarespace.com.au

I want to make a set of 'list' images clickable without using a button, also happy for the whole card area to be clickable.

Can someone help me out?

Clickable to where?  You can edit and  make an image/card image clickable and the text clickable to another page or web address. 

Add buttons, then add this code to Design > Custom CSS to turn button link to image & make buttons invisible

/* Make list images clickable */
li.list-item {
    position: relative !important;
}
.list-item-content__button-container {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
a.list-item-content__button.sqs-block-button-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
}

Is it possible to make it clickable without adding buttons?

7 hours ago, markadekoning said:

Is it possible to make it clickable without adding buttons?

You can add buttons, the code will hide buttons then.

Thanks, that has had the desired effect!

The only issue I'm having now is a black border around every list item on the site - see image.

Any quick fix for this?

Cheers.

All good just added:

border-color: transparent !important;

Fixed.

Thanks again.