What Advanced Search Type 3 is
Advanced Search Type 3 is designed to work as a floating search form.
This search type is usually used on pages where the search form overlays the Hero Media or page content.
Because of this layout, Search Type 3 must be configured both in:
- Theme Options → Search → Advanced Search Form
- Theme Options → Search → Advanced Search Display
Select Advanced Search Type 3
To select this search type, go to Theme Options → Search → Advanced Search Form.
Set Advanced Search Type to Type 3, then save the changes.
Set up the search form fields
The fields displayed in the search form are managed from Theme Options → Search → Advanced Search Form.
From this section, you can define:
- Which search fields are displayed
- The order of the fields
- The field type, such as dropdown, text input, slider, or other supported field type
- The compare logic used for each field, when custom fields are enabled
Full guide:
Advanced Search Form field setup
Configure the search form display
Search Type 3 requires specific display settings to work correctly.
Go to Theme Options → Search → Advanced Search Display.
For Search Type 3, enable the Advanced Search display options needed for the pages where you want the search form to appear.
You must also set Use Float Search Form to Yes.
Display options guide:
Advanced Search Display Options
Set the search form colors
To customize the search form colors, go to Theme Options → Search → Advanced Search Colors.
From this section, you can manage colors for the search form background, fields, buttons, text, and other visual elements.
Colors guide:
Advanced Search Colors setup
Elementor Search Form Builder note
If you use the Elementor Search Form Builder widget on specific pages, please keep the following in mind:
- The global Advanced Search Type selected in Theme Options still exists for the theme default search system.
- Search fields inside Elementor search forms are configured directly in the Elementor widget.
- Elementor search fields do not sync with the fields from Theme Options → Search → Advanced Search Form.
- Changes made in Theme Options will not affect Elementor-based search forms.
- Button styling, colors, padding, typography, and alignment are controlled from the widget Style tab.
- This allows page-level customization without changing the global search settings.
Elementor widget guide:
Property Search Form Builder for Elementor