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

Solved

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

syscodes
Shopify Partner
5 1 8

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)
syscodes
Shopify Partner
5 1 8

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 13 (13)

NomtechSolution
Astronaut
1245 113 155
  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;
syscodes
Shopify Partner
5 1 8

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?

tortoise
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.

syscodes
Shopify Partner
5 1 8

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 7

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
theDMM
Excursionist
36 0 25

I'm on the same page as you.

Cheers,
Connor
IGO
Tourist
6 0 0

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

theDMM
Excursionist
36 0 25

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

Cheers,
Connor
dreweverett
Tourist
8 0 7

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

IRP
Tourist
7 1 0

Hello,

 

I am thinking about the convenience of switching to the new customers account, leaving the classic customer account. I am afraid that the issue of having to receive an email every time they want to access their account might be a barrier.

 

Could you please give me a brief feedback on how the change has been? Any major issue? I understand that you cannot use now the access with a social network, any views?

 

Thanks a lot for your help in advance.

theDMM
Excursionist
36 0 25

We haven't had any customers complain about the new customer account switch, which is great. However, it is unfortunate we cannot style and add features to the new customer account area.

Cheers,
Connor

natedawg23
Excursionist
25 0 12

Please give us the ability to change the button color!