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

Solved
Johjoe
Excursionist
30 2 12

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
Shopify Partner
14046 1637 5034

@Johjoe 

 

you are wrong code URL

please this code

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
salomé
New Member
2 0 2

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
Shopify Partner
14046 1637 5034

@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;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
salomé
New Member
2 0 2

thank you so much

KetanKumar
Shopify Partner
14046 1637 5034

@salomé 

Thanks for update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Johjoe
Excursionist
30 2 12

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 ?

Password-page-background-image.PNG

0 Likes
KetanKumar
Shopify Partner
14046 1637 5034

@Johjoe 

Thanks for update

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Johjoe
Excursionist
30 2 12

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

Thanks !

KetanKumar
Shopify Partner
14046 1637 5034

This is an 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?

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing