Changing the checkout pay now button text color

[Carinjable]

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:

Lacceti

[PageFly-Richard]

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

[websensepro]

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

[Tenlima]

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!

[Tenlima]

Hi @websensepro , would you be able to help me with the above? I haven’t managed yet.