Change add to cart box color front page and product page

Store Design
, , ,

Topic summary

A user sought help changing the color of “add to cart” buttons on their store’s front page and product pages.

Solution Provided:

  • Another community member shared custom CSS code to modify the button colors
  • The code should be added to the theme.liquid file (Online store > Themes > Edit code > before )

Outcome:

  • The solution was successfully implemented
  • The user confirmed the colored boxes significantly improved their site’s appearance
  • Issue resolved with gratitude expressed for the assistance
Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

Hi

I want to change colors on the add to cart boxes on the frontpage, can it be done with a simple code?

Thanks in advance. :slightly_smiling_face:

my url:

www.dekanten.no

2

Hi @Dekanten

You can do that by adding this code below to your theme.liquid file before in Online store > Themes > Edit code
1 Like
3

Hi Dan

Thank u so much, this was amazing and my site goes to another level with this colored boxes. :slightly_smiling_face:

Im very grateful for all help, great to have guys like you here. :slightly_smiling_face:

1 Like
4

You are very welcome. :wink:

1 Like