How can I alter the 'Add To Cart' button color in Supply Theme?

Store Design

Topic summary

Changing the Add to Cart button color in Shopify themes, with initial focus on Supply. The suggested fix is adding custom CSS for the .btn–add-to-cart selector in the theme stylesheet; using !important on background, border, and color was necessary for some to override existing styles.

Key steps cited:

  • Edit code > Assets > theme.scss (or equivalent) and add:
    .btn–add-to-cart { background: [color] !important; border: [style] !important; color: [text color] !important; }
  • Use browser DevTools (e.g., Chrome) to inspect the button, identify the exact selector and styles to override.

Outcomes:

  • The !important-based CSS resolved the color change for at least one product page case.
  • Button border/text color can be controlled via CSS; no detailed follow-up provided.

Theme-specific notes:

  • Broadcast: an “invisible until hover” button issue appears resolved by the site owner.
  • Dawn: no theme.scss file; resolution found by adjusting the “accent color” in settings after using inspect element.
  • Some themes may not have theme.scss; file location/name can differ.

Unresolved/ongoing:

  • Requests to change text/border to black, and to modify collection page buttons in Debutify, remain unanswered.

Status: Partially resolved with CSS overrides; additional theme-specific guidance pending.

Summarized with AI on January 8. AI used: gpt-5.
12

@JonWright I am having the same issue and tried everything here. I am on the broadcast theme and the add to cart botton is invisible until you hover over it. I would prefer for it to be a black button.

I tried all the recommendations and they are not working for me.

This message is in the theme SCSS liquid.

*============================================================================
Broadcast | Built with Slate

  • You cannot use native CSS/Sass @imports in this file without a build script

Here a link to preview the product page and “hidden” add to cart and Apple Pay buttons.

https://shopzoeygrace.com/collections/zoey-grace-tees-tanks/products/faithful?variant=35675912568991

Thank you in advance for your help!