Search form widget

the Search form The widget allows you to add a search bar anywhere on your website.

Content

Search form

1. Skin: Choose classic, minimal, or full-screen preset styles
2. Position marker: Set the text that appears within the search form

Fullscreen shows just a little button that 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 you use an icon on the button, choose between a search or arrow icon. If you are using custom text, specify the text that will appear on the button
3. Size: Adjusts the size of the search button or icon
4. Alignment (for full screen aspect only): Aligns the search icon to the left, center, or right

Style

Entry

1. Overlay color (for full screen look only): Select the color of the full screen overlay
2. Typography: Changes the typography options in the search bar for normal and focused modes
3. Text color: Choose the text color
4. Background color: Choose the background color
5. Border color: Choose the border color
6. Shadow of the box: Give the search bar a box shadow
7. Border size: Controls the thickness of the border
8. Edge radius: Sets the radius of the border to control the roundness of the corners

Button or toggle

1. Text color: Choose the text color
2. Background color: Choose the background color of the button
3. Icon size: Scale the icon size up and down
4. Width: Adjusts the width of the button
5. Border width: Controls the thickness of the border
6. Edge radius: Sets the radius of the border to control the roundness of the corners

Advanced

Set the advanced options that are applicable to this widget