A user needed to remove text overlays from collection card images in a specific section (“Shop by Print”) while preserving text in another collection card section (marked “A”) on their Shopify store.
Problem: Previous CSS attempts affected both sections simultaneously, removing text from all collection cards instead of targeting just one section.
Solution provided: Add targeted CSS to the base.css file using a section-specific ID selector:
#shopify-section-template--24777996697888__collection_list_LMftwk .collection-list-wrapper .card__heading {
color: #fff !important;
font-size: 24px !important;
}
Outcome: The solution successfully removed text from only the targeted “Shop by Print” section while leaving the other collection cards unchanged. Issue resolved.
Hi all!
I am wondering if there is a way to remove this text overlay on my collection card images. The porblem is that, I have another collection card section displayed earlier (check screenshot marked ‘A’), I dont want to remove text on this A marked collection card section. I only want to remove text from the ‘shop by print’ section. The code that I have tried earlier overwrite the text on both sections. Any help will be greatly appreciated!
Hi @amaya_world
can I see your link for that part?
Preview Here you go! thanks so much for taking the time!
Would be nice to not display any text at all, if possible! (only for this collection card section, not the one marked ‘A’ sent in my original post)
Let go to Edit Code, find file base.css, scroll down to bottom, and try:
#shopify-section-template--24777996697888__collection_list_LMftwk .collection-list-wrapper .card__heading {
color: #fff !important;
font-size: 24px !important;
}
Perfect! it worked! thanks so much!!! you are amazing!!!
You’re welcome 
Let me know if you need any other assistance