Hi Friends, I was trying to implement ‘Collection Card’ section in Hyper Shopify Theme.
However I do not want the 3 small thumbnail images.
How do I remove them ?
Hello, @SurTri
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / base.css file and paste the code in the bottom of the file.
.collection-card__thumbnails {
display: none !important;
}
.collection-card__image-wrapper {
width: 100% !important;
}
Thanks!
Could you please share your store URL so I can provide you with the correct code based on your theme’s classes?
I have not yet published the Hyper theme.
Store is currently running on an old theme. its URL is TOAIArt.com
i can copy-paste the theme.css code … if that works
You can share your preview link and password, if it’s password-protected.
Thank you!
I just published the Hyper theme . URL is https://toaiart.com/
the store is under development .. so … the look-and-feel will not be optimal.
I’m unable to find your related collection section. Could you please share the link to the page where this section is added?
If you don’t like the way an added section (Collection Cards) looks, you are welcome to use a different section (Collection List). You are paying a pretty penny for a premium theme. Take advantage of what it has already.
Link is : Bedsheets – TOAIArt.com
Hello @SurTri
1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / base.css file and paste the code in the bottom of the file.
.collection-item--thumb.grid.gap-1 {
display: none !important;
}
.collection-item--main.flex-1 {
width: 130% !important;
}
Thank You!
Yes , I had seen that section but the Collection icons .. look very small. Hence , thinking of it as second option.
Just checked , it worked 
Thank you, thank you , thank you