Cart drawer color, product card

Store Design
, , , , ,

Topic summary

A user is seeking help customizing their Shopify store’s color scheme and layout across multiple elements:

Resolved:

  • Cart drawer background and text colors (issue #1) - successfully changed from dark to white background with black text

Remaining Issues:

  • Product cards need white backgrounds with black text for titles/prices, and black buttons with white text
  • Collection banner text appears forced to white in mobile view, making it invisible, with missing button borders when applying preferred color scheme
  • Wants to add quick view functionality to product grid

Guidance Provided:
A respondent explained that the cart drawer uses Scheme 4 and product cards use Scheme 3, which can be edited in the theme customizer. They recommended creating new color schemes to avoid affecting other pages and provided a link to Shopify’s color scheme documentation.

The discussion remains ongoing as the user works through the remaining customization challenges.

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

Hi,

https://kashco-interiors.myshopify.com/
Password: kashco

  1. My cart drawe is too dark. I want white background with black text and total price to be in black too

  2. Product card to be white background with black text (title, and price) and black button background with white text

  3. Force collection title to be black with no background in mobile view - desktop it has a picture version so that is okay.

  4. add a quick view on product grid

1 Like
2

Hi @kashco

I see your cart drawer is using Scheme 4 and product card is using Scheme 3 of Colors from store admin > Sales channels > Online Store > Customize.

You can edit settings of those Schemes to change background and text colors. If you are using the same scheme for another page, then I recommend you create a new scheme and assign it to those so it would not affect the color of other pages when editing the scheme.

You can learn more about Color schemes in this article

https://help.shopify.com/en/manual/online-store/themes/theme-structure/color-scheme

3

#1 was easy to solve.

4

#3 for example:

  • I used the scheme I liked but my collection banner text seems to be forced to be white doesn’t display and I lost the lines around the buttons