Hi, Can someone please advice how can I change the background of the “checkout” button?
I have tried so many ways with no luck so will appreciate your help with this issue.
See my picture - instead of black would like to have #FF6242 please
Topic summary
A user seeks help changing the checkout button’s background color from black to #FF2426.
Initial Troubleshooting:
- Multiple support team members request the store URL and password to investigate
- Several attempts to share credentials encounter incorrect password issues
Solution Provided:
- Add custom CSS code to the theme files
- Navigate to: Theme > Edit code > Assets > base.css
- Insert the following at the bottom of the file:
.cart__checkout-button { background-color: #ff2426 !important; }
Outcome:
- The CSS solution successfully resolved the issue
- User confirms it “worked like magic”
Hello @nuie123 ,
It’s GemPages support team and glad to support you today.
Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hi @nuie123 , could you share your store URL?
6903
6903 thank you
This password is incorrect. Please check it from Shopify store admin > Online store > Preference > Password protection > Password
Can you please direct me to the right place to edit the code or if I need a new code to add ?
I know hoe to get there from Theme → Edit Code-> then what?
I don’t feel confidant enough to write my store code in here, thanks.
Please try to add this code in your Theme > Edit code > Assets > find base.css and add it at the bottom of your this file
.cart__checkout-button { background-color: #ff6242 !important; }
1 Like
worked like magic! thank you so much for you help!!!
1 Like