Change the color of login button in new customer account

[ctal37]

Hiii

I want to change the color of login button in new customer account,

and recently I switched to the “New customer accounts” version from “Classic customer accounts”.

However, it shows a blue color button on the login page (check the image below)

my store link — http://5a3cf5-fc.myshopify.com

[GTLOfficial]

Hello @ctal37
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css/base.css
add this code at the end of the file.

.ui-button.ui-button--primary:not(:disabled) {
background-color: gray !important;
}

result

If this was helpful, hit the like button and mark the job as completed.
Thanks

[ctal37]

hey, It’s still not changing tell me any other way?

[PageFly-Richard]

Hi @ctal37

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[ctal37]

hey, It’s still not changing tell me any other way please?

[ctal37]

HIi @Dan-From-Ryviu please help me with this problem.

[Dan-From-Ryviu]

Hi @ctal37

What color do you want?

[ctal37]

@Dan-From-Ryviu I want this colour – #C10606

[Dan-From-Ryviu]

Hi @ctal37

I found that the account link is outside your store, so we cannot add a code to change the button color. Please check somewhere in that login function to see if you can customize the button color.

[ctal37]

@Dan-From-Ryviu can you tell me where do I look for this button where it could be possibly.. in which file exactly?

[Dan-From-Ryviu]

The file is not placed on your theme; that is why I told you we cannot add CSS code to change the button’s color.

You can check where you get the new login function

[ctal37]

@Dan-From-Ryviu I have enabled this new customer account option from settings- customer accounts. can you tell me which file having this page codes

[Dan-From-Ryviu]

Hi @ctal37

I found it has option to custom buton color for checkout and customer, but it won’t change on the login page

[ctal37]

@Dan-From-Ryviu Its not working

[Brett_Helium]

Hey @ctal37

Per Shopify’s support documentation “The login page only uses your checkout logo and the button color can’t be changed from the default blue color.”

https://help.shopify.com/en/manual/customers/customer-accounts/new-customer-accounts#branding-and-customization