How to change the color of login button in new customer accounts

Solved
sayan99
Shopify Partner
5 1 6

Hi, recently we 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) - https://shopify.com/72626569514/account

 

Screenshot 2023-05-11 at 7.49.48 PM.png

 

Is changing the "Continue" button color on the new customer account version page possible?

 

I have tried adding custom CSS, but it didn't work.

Accepted Solution (1)
sayan99
Shopify Partner
5 1 6

This is an accepted solution.

As confirmed by Shopify support, you can not modify the new customer accounts login page style including the button color.

View solution in original post

Replies 10 (10)
NomtechSolution
Astronaut
1245 112 141
  1. In the code editor, locate and click on the "Assets" folder. Then find and click on the CSS file (usually named "theme.scss.liquid" or similar).
  2. Scroll down the CSS file to find the section related to the login button styling. This could be under a class like ".login" or ".customer-login-form," or it may have a specific ID associated with it.
  3. Look for the CSS rule that controls the background color of the button. It might be something like background-color or background.
  4. Modify the color value to the desired color code or name. For example, if you want to change it to red, you can use background-color: red;
banned
sayan99
Shopify Partner
5 1 6

This is the login page - https://shopify.com/72626569514/account

 

It's loading CSS from this URL which isn't hosted on our store - https://customer.login.shopify.com/assets/customer-public-1eb73aa6ec1c97091ed939d52c185d6723f4593706...

 

Since it's loading CSS from a 3rd party source, any custom CSS rule added by me in theme files doesn't take effect.

 

Any other way around it?

ehsan-faramaos
Shopify Partner
3 0 3

we have same issue which i m facing please help if possible 

 

JamieHansen
Shopify Partner
3 0 2

I'm also having this issue and would love to know if you found a workaround.

sayan99
Shopify Partner
5 1 6

This is an accepted solution.

As confirmed by Shopify support, you can not modify the new customer accounts login page style including the button color.

dreweverett
Tourist
8 0 4

That really sucks because the accent color I use for links and buttons is almost invisible on a white background. And the blue login button is off-brand for us. WTF. 

--
Drew Everett
Co-Founder, US Goods
Co-Founder, Foot Medic
drew.everett@usgoodscompany.com
connore
Excursionist
12 0 3

I'm on the same page as you.

IGO
Visitor
1 0 0

Why do other Shopify merchants have this feature? e.g. Biltong 

connore
Excursionist
12 0 3

Can you link their account login page here showing the styling? 

dreweverett
Tourist
8 0 4

In the Ride theme there's no theme file under Assets matching this description, there is only theme-editor.js and there's nothing about customer login in this file. SOS

--
Drew Everett
Co-Founder, US Goods
Co-Founder, Foot Medic
drew.everett@usgoodscompany.com