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>

On 4/2/2022 at 2:56 PM, tuanphan said:

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>

 

hi, I tried this code on my lock page but it doesn't work well.

See the screenshot attached.

syntax error .... 

On 12/24/2023 at 6:55 AM, RtN said:

hi, I tried this code on my lock page but it doesn't work well.

See the screenshot attached.

syntax error .... 

 

Your screenshot is Custom CSS, not Lock Screen box

Access Website Tools (under Not Linked) > Code Injection > Scroll down a bit, you will see Lock Screen (or Lock Page) box.