Add background image to password page

kiradullard
Shopify Partner
86 1 8

Hi all,
I'm trying to add a background image to my password page.

I have added the image into the assets folder and am using the following code but no backgorund image is showing:

body.password-page {
background-color: transparent;
background-image: url({{ 'password-page-background.jpg' | asset_img_url: '2000x' }});
background-size: cover;

}

 

Anyone  know why it wouldn't be showing?
TIA

0 Likes
Pallavi
Shopify Expert
2235 370 484

Hello @kiradullard 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

body.password-template {
background-color: transparent;
background: url({{ 'nnatural_scrub_background.jpg' | asset_url }});
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

Screenshot :- https://image.prntscr.com/image/Ck3Z4aqjT9i5awWTXPvLig.png

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
kiradullard
Shopify Partner
86 1 8

Hi @Pallavi 
I have added this code in and the background is not showing.
In the screenshot attached I searched for the password-html section and my theme doesn't seem to have this section

 

 

0 Likes