Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adjusting search bar border width



2 answers to this question

Recommended Posts

  • 0

Use the following:

.sqs-search-ui-button-wrapper.color-light .search-input {
  border: 2px solid #eee;

1. This is CSS. Add to Design > Custom CSS.
2. The example sets the border width to 2 pixels. You can modify the width or colour to meet your requirements.
3. Please bear in mind that the Search is not reliable. For example, in the screenshot below it shows 'no results found' despite the words being in the title of one of the posts down the page. I've been monitoring this issue for some time.



  If this post was helpful, please click an icon below  ⬇️ 

Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

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...