Change add to cart button to use secondary button colors - Focal theme

Store Design
, , ,

Topic summary

Goal: Make only the “Add to cart” button use a different (secondary) color scheme in the Focal theme, while keeping all other buttons on the primary colors.

Key context:

  • After preview access was shared, it was clarified the theme doesn’t have a predefined secondary color setting.
  • Desired styling: background white, text black.

Solution provided:

  • Add custom CSS via Online Store > Edit code > theme.css or base.css.
  • Target the Add to Cart button specifically with the selector “#AddToCart” and set background to white and text to black. This limits the change to that button only and leaves other buttons unchanged.

Outcome:

  • The code-based approach addressed the request, and the original poster confirmed with thanks.

Status:

  • Resolved. No remaining open questions or disagreements. Code snippet is central to the solution (CSS targeting #AddToCart with background: white; color: black).
Summarized with AI on December 13. AI used: gpt-5.
8

Thanks!