Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Please help me change the text color of the PAY NOW button to #E2C8A5
I tried troubleshooting it myself but couldn't get it to work.
Site:
0fa63b-3.myshopify.com
Hi @Carinjable
This is Richard from PageFly - Shopify Page Builder App
You can follow my steps below to get edit the button color in the settings
Step 1: Settings > Checkout
Step 2: click on customize checkout :
After that scroll down and you will see button accent
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hi Monk4,
To change the text color of the "PAY NOW" button in the checkout page
you'll need to add custom CSS to your Shopify theme.
Here's how you can do it:
1. Access Your Shopify Admin
2. Go to Theme Editor
3. Edit Code
4. Locate Checkout Page CSS
5. Add Custom CSS (Add the following CSS code in the bottom to change the text color of the "PAY NOW" button:)
/* Change the text color of the "PAY NOW" button */
.shopify-payment-button__button {
color: #E2C8A5 !important;
}
Save Changes
Hi Websensepro,
I would also like to chance the font color of the pay now button but I can't find the Checkout Page CSS in the code. Can you give a bit more detail on how to locate checkout page CSS and the next steps? Thank you!
Hi @websensepro, would you be able to help me with the above? I haven't managed yet.