The Search Form widget allows you to add a search bar anywhere on your website.
Content
Search Form
1. Skin: Choose classic, minimal or full-screen pre-built styles
2. Placeholder: Set the text that appears inside the search form
Full-screen shows only a small button which opens the search form as a lightbox popup
Button or Toggle
1. Type: Choose to display an Icon or Custom Text on the button
2. Icon or Text: If using an icon on the button, choose from a search or arrow icon. If using custom text, specify the text that will appear on the button
3. Size: Adjust the size of the button or search icon
4. Alignment (for full-screen skin only): Align the search icon to the left, center, or righ
Style
Input
1. Overlay Color (for Full Screen skin only): Select the color of the full screen overlay
2. Typography: Change the typography options of the search bar for both normal and focused modes
3. Text color: Choose the color of the text
4. Background color: Choose the background color
5. Border color: Choose the border color
6. Box-shadow: Give the search bar a box shadow
7. Border size: Control the thickness of the border
8. Border radius: Set the border radius to control corner roundness
Button or Toggle
1. Text color: Choose the color of the text
2. Background color: Choose the background color of the button
3. Icon size: Scale the icon size up and down
4. Width: Adjust the width of the button
5. Border Width: Control the thickness of the border
6. Border Radius: Set the border radius to control corner roundness
Advanced
Set the Advanced options that are applicable to this widget
