Add your own background image to password page Debut Theme

dionneave
Tourist
7 0 4

I'm having trouble editing the code to use my own image. I already created a new asset with the jpg file. Can someone help?

KetanKumar
Shopify Partner
20503 2120 7733

@dionneave 

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.

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
0 Likes
Natztech
Shopify Partner
1378 386 930

hello @dionneave


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

Click 'Add new Asset' under 'Assets' on the left side and add the background image you want to use and name it: password

 

    .password-page{
     background-image: url('password.jpg') !important;
     height: 100% !important;
     width: 100% !important;
     background-size: cover !important;
      }

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
KetanKumar
Shopify Partner
20503 2120 7733

@dionneave 

great

can you please share your css code so i will 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 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
0 Likes
dionneave
Tourist
7 0 4

It shows now, but I want to remove the words except the email slot and it's also cropping out the image on desktop and mobile.

Screen Shot 2021-06-23 at 10.23.46 AM.pngIMG_84C7F5C41DA0-1.jpeg

0 Likes
dionneave
Tourist
7 0 4

Sorry I'm not familiar with all of this. Do you mean copy and paste my theme.css info here? The whole page?

0 Likes
KetanKumar
Shopify Partner
20503 2120 7733

@dionneave 

yes please add image and let me know so i will check and 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
0 Likes
dionneave
Tourist
7 0 4

ok I just put it back up

KetanKumar
Shopify Partner
20503 2120 7733

@dionneave 

like that?

KetanKumar_0-1624508529374.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 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
0 Likes