BUILD3R.io

Search Form Widget

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
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.