Dawn Theme - Make Image Collection List Clickable - Code Fix

Store Design
, ,
1

Hello, i would like to have my collection list clickable, so when you click the picture you will inter the page linked to the picture

Hi, would like to make the images in my Collection List clickable. In order to do so, I used below code from earlier discussion (https://community.shopify.com/c/shopify-design/dawn-need-collection-list-to-be-clickable/td-p/1624769)

.collection-list__item .card__content {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.collection-list__item .card__content .card__information {
    padding-left: 20px;
}

It works. Only problem is the following. Prior to above code, I used below code to hide the Collection List titles from the Collection List section, because I want the image to be clickable, not the standard title (in the standard Dawn theme only the titles are clickable).

.collection-list .card__content {
  display: none;
}

This code works perfect on its own. However, when combined with above code to make the collection list image clickable, the collection list titles are suddenly visible in the image (see the black words in the image, the text “FLOORLAMPS” is just an image).

dawnedruler_1-1696010863526.png
dawnedruler_1-1696010863526.png610×161 35.9 KB

TLDR; Code for hiding collection list titles works perfect on its own. When combining with code to make collection list images clickable (see top code), suddenly collection list titles appear in the collection list image. How can I fix this?