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