Shopify themes, liquid, logos, and UX
Hello,
I saw many posts about this subject, but solutions don't work for me.
/*================ 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 !
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
@SavorToday
yes some issue on backend it possible to add me on staff i need only theme access can you please let me know if possile
great, thanks
i have done this can you please check
you have just change the image as you like below where is code just change the image link
Thank you so much for your help!! That worked perfectly 🙂
it's my pleasure to help us
Hello Kentan (@KetanKumar)
I've read so many tuts and finally added code according as above mentioned.
But, unfortunately, it doesn't work on my PWpage thejollyboldbee.com.
Enclosed: my code + uploaded pic.
I would be so glad, if you may help me out 🙂
Thx
Sabine
Some more information:
Furthermore I replaced the password-footer.liquid in order to get "Links for facebook and so on).
sorry for this issue
your theme.css code doesn't work scss code so please just put your image cdn file if are not able to this please add me on staff so i will quick fix
Hey @KetanKumar,
first I would like to say thx.
Your offer to fix it is very nice. At the moment I am trying to do all I am able to do by myself.
Your yesterdays solution worked "half" 🙂
thanks for update
i can't see this spacing
@KetanKumar
May be you would be so kind to check this for me again? And have some code to fix.
I am still working with an older montitor (not 16:9) and I am sure I am not the only one.
This status with the gap happens on all my installed browers Chrome, Firefox, Opera.
Thx a lot.
Sabine
yes, please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.password-page {height: 100vh;}
Thx a lot @KetanKumar - this worked out fine.
Regarding your PM:
I'm a bit affected by it, because I am a person who's always grateful for any voluntary help. For me, a missing like-klick has nothing to do with being not grateful (as I showed thankfulness in every comment). I am happy to tell you that I've "rectified" this by now 🙂
thanks for update
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
@KetanKumar Thank you so much for the quick reply! Here's the url: https://plentyofjoy.co/password
you have put wrong css code please check image path is not current please share code here or add me staff account
thanks bt i need theme access
This thread has become quite large and has a mix of info for different themes. To avoid confusion, I'm closing it.
For those wanting help on this simple topic please make a new thread for a specific theme. Please remember you do not need to give someone Admin access for something like this. With enough info given on the theme used, and ideally a link to your site, that's enough to work with.
Hi there,
I have followed all the steps laid out in this discussion chain, but I am still not able to see my image as a background on the password page. Would you mind helping?
Thanks!
I have tried many different ways of changing out the code but am still only getting a blank page. When I go to change the code in Asset I can also only see theme.css, I do not see theme.css.liquid. If anyone could help I would greatly appreciate that!
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.
Thanks for it
you have put the wrong css code can you please add me on staff account so i will easy to fix this issue.
Hi there! I am having the same issue! I do not see an scss anywhere and I have put in the correct code that you have listed. But my background image asset is named differently, however I do have it correctly typed into the field. Heres a screenshot. Thank you so so much! I've been trying on my own but am unsuccessful.
My web link is tigermothgoods.com
Thanks for post
can you please add me staff so i will quick fix
I think I added you. But I’m not certain. If not I’ll try again a little later
Thanks
i have done this please check
issue your theme.css liquid code doesn't work i have generated new scss file please check and let me know if you have any change
Yes! Thank you so so much! And for showing me exactly what you did. Much appreciated!
Thanks for your feedback and support
@KetanKumar Hi there, I can see you've been a huge help to other users. I'm having the same issue with adding an image as my background, and wanted the announce my store tonight!
Any help would be greatly appreciated.
https://sundaysnooze.co.uk/password
I have made you a staff member to the store.
Thanks for it
can you please add me on so i will update code
Hi Ketan,
I have sent an invitation to your email address:
I have managed to add a background image to the password page, but when I switch to mobile view, it only selects the left hand-side of the image, rather than the whole of it.
Can you help please?
Thanks, i will update the code, please check.
Thank you SO much. You're a life saver. It looks amazing now!
I am having a similar issue where the code is not working. I am hoping to add a photo background to my password page. It is already uploaded to my assets folder. The code doesn't seem to be working though. I can only find theme.css though, so I'm not sure I've pasted the code in the correct places.
My weblink is sneakersandsodas.com and I'm using the debut theme as well.
Any help you can give me would be greatly appreciated. Thank you!
Thanks for post
just this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.password-header {background-color: transparent;}
see view
Hi @KetanKumar,
I see you've been saving everyone's password pages. Any chance you could help me out too please? I've tried all of the fixes you mentioned in previous messages but nothing works.
Thanks so much!
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.
Thanks
i can't see password background image code can you please add also i can see you logo fins
Apologies @KetanKumar, I was still tweaking the css! You should be able to see the code now under .password-page. The asset I would like to appear as a background image is 'password-background.jpg'.
Thank you!
Thanks but your image is broke
or add me staff so i will fix easy
i have done this, please check.
Wow! That is perfect. Thank you so so much @KetanKumar 🙂 Best of the best.
One very last quick question: if ever I wanted to change the image, could I do this easily by uploading a new background image as an asset?
Again, thanks a million.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024