How to customize Frase Site Search with custom CSS
This is a guide to the CSS selectors inside Frase Site Search. If you're not sure what CSS selectors are, please refer to this guide.
Writing custom CSS is advanced. We make this stuff available, but it's really hard to provide support for it. Please make sure you or someone on your team is comfortable editing CSS before you begin.
These are the main IDs and Classes you can target to add custom CSS:
The parent container.
The input element.
The container that loads the autosuggest dropdown.
Each of the results offered in the autosuggest dropdown.
The header for each result in the autosuggest dropdown.
The short text snippet for each result in the autosuggest dropdown.
The URL path for each result in the autosuggest dropdown.