Search Page

Description

Squarespace has a built-in search function that is available on every site. To access this, add the slug /search to the end of your domain (for example ilovecreatives.com/search or ilovecreatives.squarespace.com/search).

There are no built-in settings to change the look and feel of the search bar or page.

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.sqs-search-page-input {
}

</style>

Custom CSS

To target the search bar (top of page)

/* search bar (top of page) */
.sqs-search-page-input {
}

To target the search bar text

/* search bar text */
.sqs-search-page-input input {
}

To target the accented text

/* accented text */
.sqs-search-container-item em {
}

To target the search result image

/* search result image */
.sqs-search-page-item .sqs-main-image-intrinsic {
}

To target the search result title

/* search result title */
.sqs-search-container-item .sqs-content .sqs-title {
}

To target the search result excerpt

/* search result excerpt */
.sqs-search-container-item .sqs-content .sqs-content {
}

To target no results found notice

/* no results found notice */
.sqs-search-page-notice {
}