Search Form

Overview

The Search Form widget allows you to add search bar anywhere on your web page. It allows users to easily search your site for posts and pages you have added earlier.

search_overview

Options

Search Form

  • Form Type : Choose the type of search form you want to display viz. Classic or Full Screen.
  • Placeholder : Set the placeholder text to display in your input field.
  • Button Type : Set the type of button to display, viz Icon or Text.
  • Width : Set the width of search form to display on web page.
  • Min Height : Set the minimum height of search form to be displayed.
  • Alignment : Choose the alignment of the search form viz. left, right, or center.
  • Border Style : Set the type of border you want to display to search form widget.
  • Border Color : Set the color of border you want to display to search form widget.
  • Border Width : Set the width of border you want to display to search form widget.
  • Border Radius : Set the radius curve of border to search form widget.
  • Shadow : Set the shadow to search form widget.
seach_form

Input Style

  • State : Choose the state in which effects have to displayed for input field viz. Normal or Focus.
  • Color : Set the color of input text.
  • Background Color: Set the background color of input text.
  • Font-size : Set the size of font to be displayed in input field.
  • Typography : Choose the Font-name, size, boldness, text-decoration, letter-spacing.
  • Width : Set the width of input field.
  • Border Style : Set the type of border you want to display to input field.
  • Border Color : Set the color of border you want to display to input field.
  • Border Width : Set the width of border you want to display to input field.
  • Border Radius : Set the radius curve of border to input field.
search_input

Button Style

  • State : Choose the state in which effects have to displayed for button viz. Normal or Hover.
  • Color : Set the color of button.
  • Background Color: Set the background color of button.
  • Position : Set the position of button viz. left or right.
  • Font-size : Set the size of font to be displayed for button.
  • Width : Set the width of button.
  • Padding : Set the padding to the button.
  • Border Style : Set the type of border you want to display to button.
  • Border Color : Set the color of border you want to display to button.
  • Border Width : Set the width of border you want to display to button.
  • Border Radius : Set the radius curve of border to button.
search_button
Was this helpful to you?