Jump to content

How to Remove Outline Border on Text Input for Search

Recommended Posts

  • 10 months later...
8 hours ago, AnastasiaG said:


I'm having the same issue but that code didn't seem to work for me.

I'm on 7.0, this is what it looks when i search an item, which i definitely do not want!

Screen Shot 2021-06-11 at 12.29.19 PM.png

Can you share site url? We can check easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
9 hours ago, tuanphan said:


You mean border top/bottom between search preview in search page??


I just want to get rid of how it highlights the word you're searching for.

Once you hit search the way it highlights that searched word is by showing the text as outlined text, just want to get rid of that.

Hope that makes sense!

Link to comment
  • 1 year later...

@thearosie@AnastasiaGand anyone else looking to resolve this same issue, I was able to adapt Tuan's code to this, which worked for my site! It is in 7.0, Brine family.

.sqs-search-ui-button-wrapper .search-input {
outline: none !important;
Edited by jinlikegold

Hey, I'm Jin (he/him). I'm a front end dev learning to make custom sites in Squarespace.

If you find my suggestions helpful, please upvote & like!😺


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.