Search Form

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 #

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