How to make background image on password page fill the screen?

Hi all,

My URL: ukituco.com

I am running into a problem with making the background image on my password page cover the full length of the screen height wise. Ive edit the code to and sized the background image with “background-size: cover” but that has not worked. There is a big white bar at the bottom of the password page that I am trying to get rid of.

For reference I want the page to look like this: https://www.partwhole.co/

1 Like

@ukitu

Thanks for post.

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.password-page {
height: 100vh;
}
2 Likes

this worked, thank you!

Hello, this did not work for me. I’m using the Boundless theme.

My url is: shopbarecollective.com

1 Like

hello @k2bare

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

.template-password .password-footer{
	    padding: 0px !important;
}

@k2bare

sorry but that issue please try 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-footer {padding: 0;}
1 Like

How do I do this for dawn template?

1 Like

@daybyday

yes, please share your store url

Hi Ketan,
I’m trying to do the same thing for my store. The URL is https://lilgroms.com.au/password
any help would be appreciated

1 Like

@kiradullard

yes its my pleasure to help us can you please share issue screenshot and more details so i will check and let you know

Wie mache ich das für die Dawn-Vorlage?
das das hintergrund bild über die ganze seite geht und unten der banner weg ist danke im voraus.

URL: https://visionaryclo.de/password

Hey how do i do this for the dawn theme. Here is the link to my store https://takeoverapparel.com/password

1 Like

@takeoverapparel yes sure can you lease confirm this look