Super Elements

  2. Home
  4. Docs
  6. Super Elements
  8. Super Elements Modules
  10. Super Ajax Search

Super Ajax Search

Super Ajax Search Example

Content

Search Options

  • Width – Here user will define the width of the search bar
  • Height – Here user will define the height of search bar
  • Placeholder – Here user will input the placeholder text
  • Post Type – Here user can select type of search category
  • Enable Ajax – Here user can enable disable ajax searching
  • Alignment – Here user can align search bar to left-center-right

Style

Input

  • Padding – Here you can set the preferable custom padding. Fill in the values for the top, bottom, right and left padding.
  • Typography – From Here user can select and define the Font family, size, weight, transform, style,
  • Background – Here user will select the type of background color.
  • Color – User will select the text color of input
  • Border Type – Here user can select the type of the border. The various option is available as like solid, dotted, dashed, groove etc..
  • Width – User will border width from here.
  • Color – User will be able to select border color from here.
  • Border Radius – User will input border radius here. It can be in px or %.

Placeholder

  • Text Color – User will select the text color from here.

Icon Button

  • Font-size – Here user can select font size.
  • Width – Here user can define button background width.
  • Margin – Here user can input the values for the margins in the required fields.
  • Border Radius – User will input border radius here. It can be in px or %.
  • Background Type – Here user will be able to select the background type.
  • Color – Here user can select the background color.
  • Image – Here user can select custom background.
  • Color – Here user can select the color of search icon.
  • Border Type – Here user can select the type of the border. The various option is available as like solid, dotted, dashed, groove etc..
  • Width – User will border width from here.

Search Result

  • Background Type – Here user will be able to select the background type.
  • Thumbnail Size – Here user can define thumbnail size
  • Border Radius – User will input border radius here. It can be in px or %.
  • Links Background – Here user can select the result of link background.
  • Links Color – Here user can select the link color.
  • Links Border Color – Here user able to select link’s border color
  • Icon Color – Here user can select icons color
  • All Result Color – Here user able to select result text color
  • Links Padding – Here user can set the preferable custom padding. Fill in the values for the top, bottom, right and left padding.
  • Typography – From Here user can select and define the Font family, size, weight, transform, style,

No Results Found

  • Heading Color – Here user able to select heading color of result
  • Typography – From Here user can select and define the Font family, size, weight, transform, style,
  • Text Color – Here user able to select text color
  • Typography – From Here user can select and define the Font family, size, weight, transform, style,