How can I change the color of my add to cart button?

Store Design
, ,

Topic summary

Main Issue:
User needs help changing the color of an add-to-cart button that appears barely visible due to its white color.

Solution Provided:
After the user shared their store URL (holidayhavens.myshopify.com), a CSS code snippet was provided to add to the assets/base.css file:

  • Sets button background to #000 (black)
  • Sets text color to #fff (white)
  • Uses !important flags to override existing styles

The original user confirmed this solution worked.

Secondary Issue:
A different user (Shamsherkhan.com) raised a related but distinct problem: their renamed add-to-cart buttons redirect users directly to cart/checkout instead of opening the product page. They want the button behavior to match clicking the product name/title, which opens the product page. This issue remains unresolved in the thread.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
5

@Tano

Please add the following CSS code to your assets/base.css bottom of the file.

.product-form__submit.button {
    color: #fff !important;
    background: #000 !important;
}

Thanks!

1 Like