Color of "Pay Now" button in checkout page not updating - Dawn

Solved

Color of "Pay Now" button in checkout page not updating - Dawn

Sumi
Tourist
13 0 1

Good day,

 

I have changed the color of the "Buttons" in the settings of the Checkout Page for "Pay Now", but the color does not seem to be updating in the Dawn Theme - any assistance please.

Sumi_0-1729852512509.png

 

Accepted Solution (1)

steve_michael2
Explorer
119 17 19

This is an accepted solution.

Hi @Sumi ,

Sometimes, custom CSS added to the theme can override settings. Here's how to check:

  1. Go to: Online Store > Themes > Actions > Edit code.
  2. Open assets/base.css (or theme.css depending on your Dawn theme version).
  3. Look for any custom CSS that might be targeting the checkout buttons with something like:
     

 

.shopify-payment-button__button {
    background-color: #123456 !important;
}

 

Crafting exceptional online experiences with innovative design and technology.

View solution in original post

Replies 5 (5)

Rahul_dhiman
Shopify Partner
610 120 123

Hello @Sumi 
please provide the url and password of your website.

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
Sumi
Tourist
13 0 1

Sorry Rahul,

 

Did I send you the correct url? 

Or should it rather have been this as I have a 3rd party domain linked:

www.rejuvinate.co.za

 

Regards

steve_michael2
Explorer
119 17 19

Hi  @Sumi , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Crafting exceptional online experiences with innovative design and technology.

steve_michael2
Explorer
119 17 19

This is an accepted solution.

Hi @Sumi ,

Sometimes, custom CSS added to the theme can override settings. Here's how to check:

  1. Go to: Online Store > Themes > Actions > Edit code.
  2. Open assets/base.css (or theme.css depending on your Dawn theme version).
  3. Look for any custom CSS that might be targeting the checkout buttons with something like:
     

 

.shopify-payment-button__button {
    background-color: #123456 !important;
}

 

Crafting exceptional online experiences with innovative design and technology.
Sumi
Tourist
13 0 1

Hello Steve,

 

My apologies for not responding sooner to your first email requesting my url details... I hope the below is correct (please note I have no experience etc with this, and I'm trying to find my way around 🙂 

 

www.rejuvinate.co.za

Password: Aapstert26#

 

I did try to youtube the problem, and there was some custome codes provided, but none worked, so I had removed them after attempting. Though I can't see anything like you mentioned above - can you please have a look for me?

 

Thank you