How can I enlarge the image on my password page?

Store Design
, , ,
1

Hi,

I have a added an image to the password page of my website but the image banner doesnt show the full image.

I have added coding to make the full password page 1 image but the image banner still cuts out half of my image.

Can anyone help with this? I use the dawn theme

This is how i want it to look - https://www.club1984.store/password

my website - geffcori.com

Thank you

2

Hey

I hope you well and safe!!

Please use this code in theme.css file:

html.template-password body {
height: 100vh;
}
html.template-password .password-footer {
height: 1px;
display: none;
}
html.template-password .password-signup {
margin-bottom: 0;
}

Thank you
Pooja D.

3

Thank you but this doest work

4

doesnt

5

Okay, Can you paste this code in password.liquid file.

6

Sorry but doesnt work

7

Okay, use this code:
html.template-password body {
background-size: 160%;
}

8

and post where?

9

In password.liquid file

10

Hi, @abalves97 .

Rio here from the Shopify Community team.

I took a look and it seems that the background is full screen. Could you let me know if you were able to get this resolved?

11

Hi Rio,

I solved it. I just needed to adapt the image