Site URL: https://www.deprio.com/search

Hi! I am trying to remove the focus border (outline) around the text/input in my search box.  Is it possible to do this with CSS?  The outline did not start appearing until yesterday and I'm using Squarespace 7.1.  Thanks!

Add to Home > Design > Custom CSS

.sqs-search-page-input {
    outline: none !important;
}

Worked!  Thanks so much!

Hi, 

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!

8 hours ago, AnastasiaG said:

Hi, 

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!

Can you share site url? We can check easier

On 6/11/2021 at 9:32 PM, tuanphan said:

Can you share site url? We can check easier

yes! 

https://katonaharchitectural.squarespace.com/

password: katonah123

10 hours ago, AnastasiaG said:

yes! 

https://katonaharchitectural.squarespace.com/

password: katonah123

Hi.

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

9 hours ago, tuanphan said:

Hi.

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

Hi,

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!

@tuanphanHi there, I just found this post 🙂 I am looking to remove the thin white border on all sections of my squarespace site, but the code above did not work for me. Do you have any other suggestions?

@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;
}