Introduction #
Customize the appearance of your search input field and results popup to align with your site’s design.
Note: Some features are exclusive to the PRO version.
Input Field #
Note: Input field settings is not available for the default WooCommerce or Avada search bar.
Search Field Height, px: Set the search bar height in pixels.
Rounded Border: Enable a rounded border for the search field.
Border Color: Set the color of the border.
Border Width: Specify the width of the border in pixels.
Text Color: Choose the color for the text inside the search field.
Background Color: Set the background color of the search field.
Icon Color: Define the color of the search icon.
Icon Background: Set the background color for the search icon.
Loader: Select a loader’s image to display during searches.
Results Popup #
Top Indentation: Set indentation between search bar and popup in pixels.
Rounded Border: Display popup with rounded border.
Border Color: Choose the border color for the results popup.
Background Color: Set the background color for the popup.
Title’s Text Color: Define the text color for product or post titles.
Description’s Text Color: Set the color for the product or post description text.
“View All” Button’s Text Color: Choose the text color for the “View All” link.
“View All” Button’s Background Color: Set the background color for the “View All” link.
Category Color: Define the color for category names.
Product Elements #
Price Color: Set the color for the product prices.
“Out of stock” Label Text Color: Choose the text color for the “Out of stock” label.
“Out of stock” Label Background Color: Set the background color for the “Out of stock” label.
“Sale” Label Text Color: Define the text color for the “Sale” label.
“Sale” Label Background Color: Choose the background color for the “Sale” label.
“Featured” Label Text Color: Set the text color for the “Featured” label.
“Featured” Label Background Color: Choose the background color for the “Featured” label.
