Change button color

This guide shows how to override the background and text color of buttons using the theme editor's built-in custom CSS field.

1. In the theme editor, navigate to the section you want to edit.
2. In the settings panel, scroll to the bottom and expand Custom CSS.
3. To apply the change across your entire storefront instead, navigate to Theme settings > Custom CSS.
4. Paste the following code into the input field and update the color values as needed.
   • Replace the first #000000 to change the button background color.
   • Replace the second #000000 to change the button border color.
   • Replace #ffffff to change the button text color.

.btn { background: #000000; border: #000000; color: #ffffff; }