Jump to content

White box around password page

Go to solution Solved by Ziggy,

Recommended Posts

Hi,

I would really like to find a way to remove the white square around the password field on the entry page to my website when the text field is clicked. Does anyone have a solution?  Thanks! 

 

image.png.68bdd8fa2675058d0be33576ca2d0065.png

Link to comment
  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

This is an accessibility feature and probably shouldn't be removed as it not only helps someone navigate your website with a keyboard but also helps every user understand which field in a form they have selected. That said it's a choice and it is possible to remove it:

https://bycrawford.com/blog/how-to-remove-focus-outline-on-squarespace

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Thanks Ziggy - appreciate that. Also appreciate what you are saying about the accessibility - but this is only for until I remove password access so think it is fine to have without for now. 

I have tried to follow the instructions, but it doesn't seem to be working for me - can you spot why? 

I have tried both in the custom CSS and in the code injection areas - see snips below.  

 

image.thumb.png.38beebccb812c9b5e215bc1509b9393f.png

 

image.thumb.png.155e07ceb9a5051caf72c020e4aebffe.png

Link to comment
  • Solution

Where did you get the code? 

Add this to the lock page code injection:

<style>
*:focus {
outline: none !important;
}
</style>

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.