Custom Password Background Images Makes Enter Password Invisible

Highlighted
New Member
1 0 0

Hi,

The website in question is cook-slots.myshopify.com.  I added the following custom code to make the background image fill up the entire page (otherwise, it only filled the top 1/5 or so):

.password-page {
display: table;
height: 100%;
width: 100%;
color: $color-body-text;
background-color: $color-body;
background-size: cover;
/*Custom Additions*/
background-image: url({{ "password-page-background.jpg" | asset_url }});
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
/*End of Custom Additions*/
}

This was added to my debut theme theme.scss.liquid file.  However, after adding, once I go to enter password the page seems to be blank.  Can someone help me make my full image show in the current manner, while also still keeping the actual enter password box once selected visible too?

Thanks a ton!

0 Likes