Remove low opacity overlay from lockscreen in 7.1 and remove white "selected" outline from password field.

Site URL: http://www.chairs.works/

Hello!

I would like to remove a low opacity overlay from my lockscreen in version 7.1

I don't know if its because it was for 7.0 or what, but I tried a method I found before and it didn't work. 

Also, when the site loads the password field is automatically selected, which causes a white rectangular outline to appear around it. I would like to remove this or make the outline black. 

I don't think you'll need the site password, but if you do it is: chairchair

All help is greatly appreciated!

#1. Add to Settings > Advanced > Code Injection > Lock Page (or Lock Screen)

<style>
  .scrim {
    opacity: 0 !Important;
}
</style>

#2. It looks fine. Can you take a screenshot?

I'm having this same issue.  I don't need a password, I'm just using the lock screen as a landing page while my site is under construction.  The white password box will not go away and it is REALLY annoying.  I tried this code to no avail! Any other options?........attaching a screenshot with that ghoulish box! 

20 hours ago, Courtney47 said:

I'm having this same issue.  I don't need a password, I'm just using the lock screen as a landing page while my site is under construction.  The white password box will not go away and it is REALLY annoying.  I tried this code to no avail! Any other options?........attaching a screenshot with that ghoulish box! 

You can also create a new page >> set as it homepage >> then add this code to Page Header to remove header/footer

<style>
  header#header, footer.sections {
  	display: none !important;
  }
</style>

If you still want to use lock page & remove password input, add this to Settings . Advanced > Code Injection > Lock Screen (or Lock Page)

<style>
  .sqs-slide-wrapper[data-slide-type="lock-screen"] [data-slice-type="password"] .input-container {
    display: none;
}
</style>