Jump to content

Custom CSS for Lock Screen

Go to solution Solved by tuanphan,

Recommended Posts

  • Solution
On 7/29/2020 at 5:52 PM, Originative said:

12345678

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

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
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!

 

About Armin:
Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084
Website: www.braunsberger-media.com
Leaders Lodge: See my Profile

Link to comment
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>

image.thumb.png.1dedcb4e00bcc9782f1b41886c3909b9.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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>

image.thumb.png.1dedcb4e00bcc9782f1b41886c3909b9.png

Thank you! I appreciate it! Worked perfectly

About Armin:
Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084
Website: www.braunsberger-media.com
Leaders Lodge: See my Profile

Link to comment
  • 5 months later...
  • 2 weeks later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.