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

Johjoe
Excursionist
34 2 16

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 !

Replies 118 (118)
KetanKumar
Shopify Partner
36839 3635 11972

@eloiseuw 

Yes, please just use the same image name then uploadod

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
eloiseuw
Tourist
9 0 8

Amazing, thank you @KetanKumar !

KetanKumar
Shopify Partner
36839 3635 11972

@eloiseuw 

Thanks for your feedback and support.

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
raulpb00
Tourist
7 0 5

Greetings @KetanKumar 

I've been reading all of your fixes but I haven't been able to fix my page yet :S
Would you please help me?

I don't understand why is this happening: (not showing BG image)

raulpb00_0-1610661430417.png

It shows the same for both background and background-image

And neither this is working: (image logo, I guess because it's set to height:0)

raulpb00_1-1610661515127.png

https://hansenbohocollection.com/password
Thank you in advance.
Sincerely, 
Raúl.



KetanKumar
Shopify Partner
36839 3635 11972

@raulpb00 

Thanks for post

scss code doesn't work on css file so can you please create just add your image background image or add me staff  

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
raulpb00
Tourist
7 0 5

Oh I understand, I'm confused as I have read that Shopify compiles those files but still no luck linking them. 

I've just added you. 
https://hansenbohocollection.com/password
THANK YOU @KetanKumar in advance again.

You are already saving me.

KetanKumar
Shopify Partner
36839 3635 11972

@raulpb00 

Thank for it 

can you please add me on staff account so i will quick fix 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
raulpb00
Tourist
7 0 5
Haven't I already added you?
I used the email on your description.
What else shall I use?
KetanKumar
Shopify Partner
36839 3635 11972

@raulpb00 sorry i can't see any request can you please sent again

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
raulpb00
Tourist
7 0 5

@KetanKumar  you have already accessed, right? 😊

If it's too much to fix don't worry at all! 

Thanks again.

KetanKumar
Shopify Partner
36839 3635 11972

@raulpb00 

Thanks, i have done this please check

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
raulpb00
Tourist
7 0 5
THANK YOU!!!!!!
You are amazing.

Finally could you please tell me why the logo is not showing up?
If I delete the logo, the text works just fine.

Big thanks.
KetanKumar
Shopify Partner
36839 3635 11972

@raulpb00 

Great, thanks for the update and support.

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Casslarose
Tourist
4 0 2

@KetanKumar I am now seeing that others are replying to this and getting their pages fixed, but when I did have you added to my staff account nothing was changed so I was wondering how you have been able to fix it on the others pages? 

KetanKumar
Shopify Partner
36839 3635 11972

@Casslarose 

Thanks for it 

how can i help you please guide me 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
noenshop
Excursionist
31 0 14

Hello, can you maybe help me also with my background on the password page? It is now blanco. I dont know what i did wrong. 
www.noenshop.nl
password: glowyi

 

Thankyou very much

KetanKumar
Shopify Partner
36839 3635 11972

@noenshop 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site theme.css or theme.scss file code,
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
nhynh97
Visitor
1 0 1

Hi! 
Could you also help me with my background password page. I've tried following all your instructions provided for my debut theme but nothing seems to be working.
Thanks in advance! 

KetanKumar
Shopify Partner
36839 3635 11972

@nhynh97 

Welcome to the Shopify community!
and Thanks for your Good question. 😊

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing