Quick-add card customization

Store Design
, , ,

Topic summary

A user wanted to apply text capitalization (uppercase) styling to quick-add cards, matching changes already made to their product cards. This included capitalizing badges, captions, buttons, and other text elements.

Resolution:

  • The original poster found the solution independently before receiving help
  • Another user provided guidance pointing to the relevant files: snippets/quick-add.liquid and Assets/base.css
  • A CSS code example was shared using text-transform: uppercase !important; targeting .quick-add-card *

Status: Resolved - the issue was solved through self-discovery, with additional confirmation from community assistance.

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

Hello I would like to apply the same changes I did to product card for quick add cards. Capitalize everything (badge, caption, button etc…)Can somebody let me know what would be the proper codes and where to write it? First picture is the desired result

www.toujoursfaim.com

pass:encorefaim

thanks

EDITED: NEVERMIND, FOUND IT

2

Hi,

Hope this will help

-Look inside snippets/quick-add.liquid and Assets/base.css

Add css code

CSS code example

/* Make Quick Add Card text all uppercase */
.quick-add-card * {
  text-transform: uppercase !important;
}