Spotlight theme - Collection pages hide or remove product titles and prices on the product grid

[LFE]

I am using the Spotlight theme on my site, and I want to hide or remove my product titles and prices on all collection pages. However I still want to maintain the ability to hover over the products thumbnail and click through to the product details

Within my theme settings for the default collection / product grid I have added some custom CSS:

.card__content {
    opacity: 0;
    height: 0;
}

This works but has the disadvantage of also hiding any hyperlinks on the product page

I have also tried the solution put forwards here Partial solution

.collection .product-grid .card__content {
    position: absolute;
    opacity: 0;
    z-index: 3;
}

This has the disadvantage of making only the top half of my thumbnails clickable, the bottom half is not active when my cursor hovers over the thumbnails.

Is there a better way?

Here is a link for someone willing to have a go - gallery

Thank you experts!

[ThePrimeWeb]

Try this,

.collection .product-grid .card__content {
    position: absolute;
    opacity: 0;
    z-index: 3;
    height: 100% !important;
}

[LFE]

@ThePrimeWeb

That worked perfectly, thank you!

[LFE]

@ThePrimeWeb

I spoke to soon your solution works, but, all links are now hidden on my product pages. For example the link to my shipping policy which is a default from Shopify is hidden, same as any “mailto” links.

https://www.laformaes.com/products/ceremonial-dance

[ThePrimeWeb]

That has nothing to do with the code I gave you, the links are white in color that’s why you don’t see them, if they are black then you can see them. I don’t know why, but you’ve changed the link colours to white

If you want to change the color by code, just use this

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

[LFE]

@ThePrimeWeb

Of course! Now I just need to find out how, where and why I made them white, most likely fiddling while trying to fix something else. Thank you, I have implemented your code and it works nicely.