How to Remove "Choose Option" Buttons From Collection Cards On Refresh Theme?

Store Design

Topic summary

A user seeks to remove “Choose Option” buttons from product collection cards in the Refresh theme because their personalization app doesn’t display on the quick-add page.

Solution Provided:

  • Add CSS code to the theme’s base.css file (Shopify Admin → Online Store → Themes → Edit code → Assets → base.css)
  • Insert at the bottom: .quick-add { display: none; }
  • This successfully hides the buttons from collection cards

Key Points:

  • The solution works across multiple themes (Refresh, Dawn)
  • Some users needed theme-specific variations:
    • Dawn theme: .quick-add__submit{display:none; visibility:hidden;}
    • Alternative: .card--card .quick-add { display: none; }
  • One user reported mobile display issues (desktop-only fix)
  • Common mistake: incorrect code placement in CSS file—must be properly formatted outside existing style blocks

Status: Multiple users confirmed the solution worked after applying the correct CSS snippet and proper formatting.

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

That is correct. But already used the same code you sent and it worked. Thank you.

Can you support me on other issues i have please? If possible.