The Search Form widget allows you to add a search bar anywhere on your website.
Content
Search Form
- Skin: Choose classic, minimal or full-screen pre-built styles
- Placeholder: Set the text that appears inside the search form by entering a value or using a Dynamic Tag
Full-screen shows only a small button which opens the search form as a lightbox popup
Button or Toggle
- Type: Choose to display an Icon or Custom Text on the button
- 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
- Size: Adjust the size of the button or search icon
- Alignment (for full-screen skin only): Align the search icon to the left, center, or righ
Style
Input
- Overlay Color (for Full Screen skin only): Select the color of the full screen overlay
- Typography: Change the typography options of the search bar for both normal and focused modes
- Text color: Choose the color of the text
- Background color: Choose the background color
- Border color: Choose the border color
- Box-shadow: Give the search bar a box shadow
- Border size: Control the thickness of the border
- Border radius: Set the border radius to control corner roundness
Button or Toggle
- Text color: Choose the color of the text
- Background color: Choose the background color of the button
- Icon size: Scale the icon size up and down
- Width: Adjust the width of the button
- Border Width: Control the thickness of the border
- Border Radius: Set the border radius to control corner roundness
Note: The Search Form widget uses standard WordPress site search functionality. It does not include a typeahead / autocomplete feature.
Advanced
Set the Advanced options that are applicable to this widget