We are here to help during these difficult times. Use the coupon code STAYHOME2020 during checkout to receive 20% off the regular price!

Search Wizard Settings

You are here:

The Search Wizard has all the individual settings to control the elements of the Advanced Search box.

Advanced Search Box

  1. Layout – Choose if the search box is visible
  2. Padding – Controls padding around the search box
  3. Margin – Controls the spacing around the search box
  4. Width of Text – Controls the Description text below the title container width. 

Search Title

  1. Title Font Size– Controls Search title font size.
  2. Title Font Weight– Controls the title weight if it’s bold or not.
  3. Botton– Adds padding below the title
  4. Text Shadow– Controls text-shadow styling.
  5. Turn on Text Shadow – Check this box to show text-shadow for the search title.

Description Below Search Title

  1. Font Size– Controls description font size.
  2. Padding: Spacing around text
  3. Text Shadow– Controls text-shadow styling.
  4. Turn on Text Shadow – Check this box to show text-shadow for the description text.

Search Input

  1. Search Box Input – Controls input width border thickness, radius around the corners and font size.
  2. Padding: Spacing inside the input box.
  3. Box Shadow Position – Controls box-shadow styling.
  4. Box shadow Color – This is where you put the shadow color and opacity.
  5. Search Icon Placement – Location of search icon inside input box.
  6. Loading Icon Placement – Location of loading icon inside input box.

Description Below Search Input

  1. Font Size – Controls font size of description text below search input.
  2. Padding: Spacing around text.

Search Results

  1. Search Filter -Enable Search Filter ( Click here to read more )
  2. Auto-complete Waiting Time (ms) : The amount of time it takes for the search to start after user finishes typing.
  3. Size of Search Results List – The amount of articles to display before the read more button shows up at the bottom of the result.
  4. Size of Search Results Page – The amount of articles display per page, anything greater will be separated by pagination.
  5. Show Category for Each Result – Article will show the category it’s assigned to in the result.
  6. Search Results: Match Article colors – The colors you set for the articles below the search box.
  7. Font Size – Font size of articles

Background Image

  1. Background Image URL – If you want a background image in the search box, paste the URL of the image here.
  2. Background Image Position X: Position of the background image relative to the search box.
  3. Background Image Position Y: Position of the background image relative to the search box.

Background Pattern Image

  1. Background Pattern Image URL – If you want a background image in the search box, paste the URL of the image here. This will overlap the background image if you set one.
  2. Background Pattern Image Position X – Position of the background image relative to the search box.
  3. Background Pattern Image Position Y – Position of the background image relative to the search box.
  4. Opactiy of the Image – Because the pattern image will be on top , you can set the opacity to have it faded in. 

Background Gradient

  1. Degree of the Gradient – This is the angle of the gradient.
  2. Opacity of the Gradient – The higher the opacity the more faded the gradient is.
  3. Turn on Gradient Background – Toggle on / off the gradient.
Previous Search Box Styles and Presets
Next Search Analytics
Was this article helpful?
3.5 out of 5 stars
5 Stars 0%
4 Stars 50%
3 Stars 0%
2 Stars 50%
1 Stars 0%
How can we improve this article?
Need help?

Recent Articles

Table of Contents