How can I change the color scheme of customers login/register page?

[IrenaP]

Hi! I need some help with the code to change customers login page, it's using the color scheme which I don't want.

I want to use these colors:

I tried editing the code in Theme.liquid according to some suggestions I saw here but nothing happens.

I put the code before </head>. I don't know if there needs to be space/enter before head, I tried with and without but it didn't make any difference.

Here is the code I used:

<style>
#shopify-section-template--17416315699441__main {
background-color: #FCFCFC;
}

#login, a[href="#recover"], a[href="/account/register"] {
color: #0A1828;
}

button[fdprocessedid="9hlq0f"] {
background-color: #BFA181;
}
</style>

[EBOOST · Accepted solution]

Hi @IrenaP ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2.  sections/main-login.liquid

3. Add schema setting

  {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:sections.all.colors.label",
      "default": "scheme-4"
    },

4. Wrap content with a div 

<div class="color-{{ section.settings.color_scheme }}">

Remember add a close tag 

5. Go to customize -> login -> select color

6. Repeat steps above for register page 

7. If you used Dawn theme. You can used code here https://github.com/eboost10/2640367 to replace old code on your theme.

[EBOOST · Accepted solution]

Hi @IrenaP ,

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2.  sections/main-login.liquid

3. Add schema setting

  {
      "type": "color_scheme",
      "id": "color_scheme",
      "label": "t:sections.all.colors.label",
      "default": "scheme-4"
    },

4. Wrap content with a div 

<div class="color-{{ section.settings.color_scheme }}">

Remember add a close tag 

5. Go to customize -> login -> select color

6. Repeat steps above for register page 

7. If you used Dawn theme. You can used code here https://github.com/eboost10/2640367 to replace old code on your theme.

[IrenaP]

Hi!  I did all the above but when I go to customize and pick my color scheme nothing happens, it stays the same.

[EBOOST]

Hi, 

Which theme are you using? Could you share your store URL? I will help to check it.

And could you check file Layout/theme.liquid has code likes the screenshot?

[IrenaP]

Hi, I'm using Studio theme.

My store https://irenaplantekovic.com/

I've checked the code in the screenshot and it seems the same.

[EBOOST · Accepted solution]

Hi, 

You are missing step 4.

It have to like this one

[IrenaP]

Hi,

I did the step 4 but it seems on the wrong place.

It's ok now.

Thank you