How to make password background media full size

[StafMeister]

Hi, I've been trying to make the background media video for the password section full size but I couldnt find a to get rid of the white part way could you help me please? my website is https://25imvz-4p.myshopify.com/password

[The_ScriptFlow]

Please paste the following code in the end of base.css file.

.video-background, .video-background * {
  height: 100vh !important;
}
.password-enter {
  color: white !important;
}
.password-enter__button {
 color: white !important;
}
.password-enter__admin-link a {
  color: white !important;
}

Results:

If this was helpful mark as solution like it and don't forget to Buy me a coffee.

[dmwwebartisan · Accepted solution]

@StafMeister 

Please add the following code at the bottom of your css file.

.video-background, .video-background * {
    overflow: inherit !important;
}
.password-enter p {
    color: #fff;
}
.password-enter__links button {
    color: #fff;
}

Hope this helps!

[Bundler-Manuel]

Hey there @StafMeister  Feel free to try out this code and let me know if it works for you 

body.gradient.password,
body.gradient.password .gradient {
background: var(--gradient-background);
background-attachment: fixed;
background-image: url(https://cdn.shopify.com/s/files/1/0548/6742/7399/files/DesertTheme.jpg?v=1710722322) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: 100% 100% !important;
}

@media only screen and (max-width: 989px) {
body.gradient.password,
body.gradient.password .gradient {
background: var(--gradient-background);
background-attachment: fixed;
background-image: url(https://cdn.shopify.com/s/files/1/0548/6742/7399/files/DesertTheme.jpg?v=1710722322) !important;
background-color: transparent !important;
background-position: top left !important;
background-size: 100% 100% !important;
}
}