Help Center
-
Knowledge Base
-
-
-
- Articles coming soon
-
- Home
- Install Settings
- Merchandising
- Personalize
- Category
- NLP
- Script-Hooks
- Analytics
- Manage Users
- Agentic Search (AI-Powered Conversational Search)
- AI Synonyms
- Semantic Search
- AI Shop Assistant (Chat Widget)
- Recommendations Widget
- Advanced Filtering & Filter Trees
- Troubleshooting Guide
- Search Performance Optimization
- BigCommerce Search Integration
- WooCommerce Search Integration
- Getting Started with eCommerce Search
- Show all articles (5) Collapse Articles
-
-
- Install Settings
- Analytics
- Search settings
- Merchandising
- Category
- NLP
- Search-API info
- Manage Users
- Script-Hooks
- Personalize
- Agentic Search (AI-Powered Conversational Search)
- AI Synonyms
- Semantic Search
- Recommendations Widget
- Advanced Filtering & Filter Trees
- Troubleshooting Guide
- Search Performance Optimization
- WooCommerce Search Integration
- Show all articles (3) Collapse Articles
-
-
- Instructions to install app
- Home
- Install Settings [Shopify]
- Category
- Merchandising
- Search settings
- NLP
- Analytics
- Search-API info
- Manage Users
- Script-Hooks
- Personalize
- Agentic Search (AI-Powered Conversational Search)
- AI Synonyms
- Semantic Search
- AI Shop Assistant (Chat Widget)
- Recommendations Widget
- Commerce MCP Server (Shopify AI Tools)
- Advanced Filtering & Filter Trees
- Troubleshooting Guide
- Search Performance Optimization
- Show all articles (6) Collapse Articles
-
- List of all supported fields
- [Solved] Crawl error with Cloudflare website, Cloudflare is blocking crawler bot
- Expertrec Crawler - Control your Index
- Take Screenshot
- Manual extraction
- Automatic extraction
- Boost Fields
- Filter fields
- Create search for e-commerce store
- Use Existing Search Box
- Wordpress plugin
- Code
- Troubleshooting Guide
-
- Articles coming soon
-
< Back
You are here:
- KB Home
- Knowledge Base
- Content Search [General CSE]
- UI Customization
- Advanced
- Custom CSS editor
Print
Custom CSS editor
Created On
Last Updated On
byExpertrec Marketing
In this section of the control panel, you will find the CSS code for various elements of the Search. The search UI is completely customizable. You can edit the code to change how the Search elements are displayed on your store.

Here is a list of a few frequently edited elements:
- To change the color of Autocomplete suggestions (Field 1): Go to line 8 and change the color ( for example color: yellow;)
- To change the color of the Description text (Field 2): Go to line 13 and change the color ( for example color: green;)
- To change the color of the Results title: Go to line 18 and change the color ( for example color: red;)

After editing the fields, click on update to save the changes.
Expertrec offers customization of the Search UI, please contact support for customization.
Table of Contents