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.
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 image to display during searches.
Results Popup
Border Color: Choose the border color for the results popup.
Background Color: Set the background color for the popup.
Title Text Color: Define the text color for product or post titles.
Excerpt Text Color: Set the color for the product or post description text.
“View All” Link Text Color: Choose the text color for the “View All” link.
“View All” Link 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.
The post Styling Settings appeared first on Smart WooCommerce Search.