Debut Theme - How to change the background of the password page ?

[Johjoe]

Hello,

I saw many posts about this subject, but solutions don't work for me.

1. I created a new asset called "background-coming-soon-page.png"
2. I went to Assets > theme.css.liquid and I paste at the bottom : 

/*================ Custom backgroung password page ================*/

.password-page {
background-image: url({{ 'background-coming-soon-page.png' | asset_img_url: '2000x' }});
}

But unfortunately nothing happened, the background of my password page stays blank. Do you know where is the problem please ?

In Assets > theme.css.liquid, I also tried this but it didn't work : 

/*================ TEMPLATES ================*/
/*============= Templates | Password =============*/

.password-page {
  background-image: url({{ 'background-coming-soon-page.png' | asset_img_url: '2000x' }});
  display: table;
  height: 100%;
  width: 100%;
  color: $color-body-text;
  background-color: $color-body;
  background-size: cover;
}

Thank you in advance for your help !

[KetanKumar]

@Johjoe 

you are wrong code URL

please this code

background: url({{ 'background-coming-soon-page.png' | asset_url }}) no-repeat;

[salomé]

Hello,

I have the background image showing but not taking the full space on mobile view(I do have a white space under)!

@KetanKumar Can you help me please? https://skintsy.com

thanks

[KetanKumar]

@salomé 

Thanks for post

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

body.template-password { height: 100vh;}

[salomé]

thank you so much

[KetanKumar]

@salomé 

Thanks for update.

[Johjoe]

Hello @KetanKumar, thank you so much for your quick reply ! Unfortunately still nothing happens. My "coming soon" page remains blank. I've attached a screenshot of the code. Do you know what's wrong please ?

[KetanKumar]

@Johjoe 

Thanks for update

Please share your site URL,
So I will check and provide a solution here.

[Johjoe]

Hello @KetanKumar, here is my website : https://theannexparis.com/

Thanks !

[KetanKumar · Accepted solution]

@Johjoe 

Thanks or for store url

sorry but this image not available on the asset folder. so please just upload

https://cdn.shopify.com/s/files/1/0404/2529/1930/t/1/assets/background-coming-soon-page.png?