Jump to content

White box around password page

Go to solution Solved by Ziggy,

Recommended Posts

Posted

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

  • Replies 4
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Posted

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

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

  • Solution
Posted

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.