want Background colour of checkout button to be #9ACA3D & Text colour #303030
Topic summary
A user wants to customize their Shopify cart page checkout button with specific colors: background #9ACA3D (green) and text #303030 (dark gray).
Two solutions provided:
Method 1 (Tech_Coding):
- Navigate to Online Store → Theme → Edit code
- Open theme.liquid file
- Insert CSS code before the closing tag
Method 2 (DaisyVo):
- Go to Shopify admin → Online Store → Customize
- Access Theme settings → Custom CSS
- Add the same CSS styling code
Both responses include the identical CSS snippet targeting the checkout button element. Screenshots demonstrate the implementation steps and expected visual result. The discussion remains open as the original poster hasn’t confirmed which solution worked.
Hello @Emiway
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
RESULT:
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hi @Emiway
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there
Here is the code for Step 3:
cart-note.cart-form__note.block + button[name="checkout"] {
background: #9ACA3D !important;
color: #303030 !important;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.