How can I delete words under the collection card?

Store Design

Topic summary

A user seeks to remove text labels appearing beneath collection cards on their Shopify store while maintaining clickability and avoiding blank spaces.

Proposed Solutions:

  • Multiple CSS approaches suggested, primarily targeting .card__content or .card__information with display: none
  • Alternative methods include making text transparent using color: transparent or repositioning elements with absolute positioning
  • Code snippets provided for insertion into component-card.css, base.css, or theme CSS files

Complications Encountered:

  • Initial solutions either prevent saving due to editor errors or create unclickable collection cards
  • Some approaches inadvertently hide product card text across the entire site
  • Solutions that work on desktop may fail on mobile versions

Current Status:
The issue remains unresolved. Users report that while various CSS codes successfully hide the collection labels, they break essential functionality—either making collections unclickable or affecting other card elements site-wide. The thread seeks an updated fix that works across both desktop and mobile while preserving full clickability.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
8

The JavaScript code should be applying ‘color: transparent’ to the text… Weird that it didn’t work. Try adding this alternative code instead: