@KetanKumar Please help ! Add background image to Debut password page

tonnesofgold
New Member
2 0 2

@KetanKumar Hi , please help! I am trying to add a background image to my debut password page but nothing is working and it is still blank. I am also trying to change the font style of the "Join the inner circle, Sign up below" but my imported font won't work

I also don't know why my logo appears initially blurry and then clears up. I just need help please! Here's some screenshots! I tried creating a scss.liquid file but that didn't work either www.tonnesofgold.com

Screen Shot 2021-06-18 at 9.27.02 AM.png

Screen Shot 2021-06-18 at 9.24.00 AM.png

Screen Shot 2021-06-18 at 9.24.53 AM.png

KetanKumar
Shopify Partner
23455 2357 8632

@tonnesofgold 

please share your theme.css code so i will check and 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
tonnesofgold
New Member
2 0 2

@KetanKumar I was able to fix the font issues and blurry logo issues. So my only concern is changing the background to an image, here is all the code that I've added! 

 

/*================ TEMPLATES ================*/
/*============= Templates | Password =============*/
.password-page {
  display: table;
  height: 100%;
  width: 100%;
   background-image: url("{{ 'background-image.jpg' | asset_url }}");
   background-repeat: repeat;
      background-size: cover;
      background-position: center center;
  /*color: var(--color-body-text);
  background-color: var(--color-body);*/}
div.password-page {    background-image: url({{'background-image.jpg' | asset_url }})!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;    background-size: cover; 
}

 

KetanKumar
Shopify Partner
23455 2357 8632

@tonnesofgold 

great 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 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