Customizing the button color if you are using checkout extensions
When you are creating or editing a checkout upsell, you can choose the predetermined colors from the "Customization" section of the offer itself:
![Customization section](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenshot-2023-08-25-at-15119_qnxo9j.png)
However, if you want to use custom colors, you can easily edit the checkout button color by following the next steps:
On your Shopify Admin, go to your Sales channels, look for the theme you want to edit, and click on "**Customize**".
Select the page you want to edit on the dropdown menu; in this case, Checkout.
![Choose "checkout"](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenshot-2023-08-25-at-91439_jsdr15.png)
Go to Settings on the left menu and scroll down to the section Color. Click on the button option, select the color you want, and click Save.
![Select the color you want](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenshot-2023-08-25-at-13950_1ywf20r.png)
By following these instructions, the button of your post-purchase upsell will be changed, and at the same time, your checkout upsell.
Checkout Upsell:
![Checkout Upsells](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/untitled-4_14ljg0z.png)
Post-Purchase Upsell:
![Post-Purchase Upsell](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/untitled-5_n7zjah.png)
Once you have changed the button color from your theme, the customization section from the offer itself will be overridden:
![Customization section from the Checkout offer](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/untitled-6_414z27.png)
![Customization section](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenshot-2023-08-25-at-15119_qnxo9j.png)
However, if you want to use custom colors, you can easily edit the checkout button color by following the next steps:
On your Shopify Admin, go to your Sales channels, look for the theme you want to edit, and click on "**Customize**".
Select the page you want to edit on the dropdown menu; in this case, Checkout.
![Choose "checkout"](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenshot-2023-08-25-at-91439_jsdr15.png)
Go to Settings on the left menu and scroll down to the section Color. Click on the button option, select the color you want, and click Save.
![Select the color you want](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenshot-2023-08-25-at-13950_1ywf20r.png)
By following these instructions, the button of your post-purchase upsell will be changed, and at the same time, your checkout upsell.
Checkout Upsell:
![Checkout Upsells](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/untitled-4_14ljg0z.png)
Post-Purchase Upsell:
![Post-Purchase Upsell](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/untitled-5_n7zjah.png)
Once you have changed the button color from your theme, the customization section from the offer itself will be overridden:
![Customization section from the Checkout offer](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/untitled-6_414z27.png)
Updated on: 25/08/2023
Thank you!