Problem with Collection List forwarding

[GOMAK]

Hello Guys,

i seem to have a problem with some code I added. I have a Collection List in my Shrine Pro Theme and some code: 1) to not show Info underneath, 2) to align Heading on the left and 3) to get the Heading closer to the pictures, I am very satisfied with how everything looks, but unfortunately the images are not clickable anymore- so the forwarding to the desired collection page doesn't work.

Can someone share a CSS that forces the images to be clickable while keeping all other CSS?

this is the Shrine Pro Theme Draft I am working on: https://nm7t9cvxjthix0zm-68898914601.shopifypreview.com

Thanks in advance!

[Dan-From-Ryviu]

Please remove this code you added to the theme.liquid file before </body> 

 .collection-list-wrapper.page-width .collection-list.contains-card.contains-card--collection ul.splide__list .card__content { display: none !important; } 

[GOMAK]

it was in my base.css,

it makes the images clickable, but it unfortunately changes the style of the Collection List, i would like the names of the collections not displayed, like it is now- but have the images clickable

[Dan-From-Ryviu · Accepted solution]

Please change that code to this version to make image clickable and hide text

.collection-list-wrapper.page-width .collection-list.contains-card.contains-card--collection ul.splide__list .card__content {
    opacity: 0;
    height: 0;
    padding: 0;
    z-index: 0;
    margin: 0;
}