Custom CSS for Lock Screen

Site URL: https://carrot-buttercup-bcwm.squarespace.com/

I'm trying to change default text color from gray to yellow but it's not working..
There is web page: https://carrot-buttercup-bcwm.squarespace.com/

Can you share access password?

12345678

On 7/31/2020 at 12:36 AM, tuanphan said:

Add this code to Home > Settings > Advanced > Code Injection > Lock Page

<style>
input::placeholder {
    color: yellow !important;
}
</style>

Do you know how to change the word "PASSWORD" on the lock screen? Thank you!

@tuanphan would be awesome 🙂

1 hour ago, ArminB said:

@tuanphan would be awesome 🙂

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('input').attr('placeholder','tuanphan');
});
</script>

11 minutes ago, tuanphan said:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('input').attr('placeholder','tuanphan');
});
</script>

Thank you! I appreciate it! Worked perfectly

Hey!
Is there a way to use a custom font (already uploaded and used on my site) for the text on the Lock Screen?

On 3/15/2021 at 1:44 PM, nataliadoes said:

Hey!
Is there a way to use a custom font (already uploaded and used on my site) for the text on the Lock Screen?

Add this code

<style>
  @font-face {
  	font-family: fontname;
    src: url(paste font file url here);
  }
  * {
  	font-family: fontname !important;
  }
</style>

On 9/30/2020 at 10:57 PM, tuanphan said:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$('input').attr('placeholder','tuanphan');
});
</script>

thanks @tuanphan I've made the box, lock and arrow disappear with the background colour (doing this on purpose so that I have a lock screen but stopping people from entering.)

I just need to change the font colour of the word 'password' password prompt to the background colour #01AEF2 which I am using. Same issue for rectangle or underline 

Website in trial mode atm. thanks 

all good @tuanphan I worked around it and used this code.

<style>
.scrim {
    background-color: rgba(0, 0, 0, 0) !important;
  }
.sqs-slide-wrapper[data-slide-type="lock-screen"] [data-slice-type="password"] .input-container {
    display: none;
}
</style>

Hi, 

someone has a code to hide the password function on the lock screen ?

to be exactly, not the function itself, it's only about the visual showing ... 

I need the lock screen as a "landing page" some days .... 

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

Hi, 

 

someone has a code to hide the password function on the lock screen ?

 

to be exactly, not the function itself, it's only about the visual showing ... 

I need the lock screen as a "landing page" some days .... 

You can use a standard page and hide header/footer, then set as it homepage, instead of use lock page