Search Bar Widget Area

Depending on which Starter Pack you used, the search bar widget area is set up using either the AgentPress Listings plugin or the IMPress for IDX Broker plugin.

You will need to set up each of these plugins before you can use the widgets for Search.
AgentPress - Listing plugin - Add Taxonomy, Terms, and Listings.
OR
IMPress for IDX Broker plugin - Connect API and create Wrapper page.

(This area can also use a search widget from other IDX services, but may require additional styling to look like the demo.)

AgentPress Listings Search

You will need to create some taxonomies, create some taxonomy terms, and add some property listings, so that the search widget will show.

Then add the AgentPress - Listing Search widget to the Search Bar widget area, and use the following settings.

1. Go to Appearance > Widgets.
2. Drag the AgentPress - Listing Search into the Search Bar widget area.
3. Check off the the taxonomy that you want to appear in your search bar.
4. Button text: Demo has Search Listings.
5. Click the Save button.

IMPress for IDX Broker Search

You will want to connect your IDX Broker account to your WordPress website for the IDX Broker search widget to work.

This is how the IDX Broker Omnibar looks with no Extra fields checked.

Then add the IMPress Omnibar Search widget to the Search Bar widget area, and use the following settings.

1. Go to Appearance > Widgets.
2. Drag the IMPress Omnibar Search into the Search Bar widget area.
3. There are several choices here.
   • Do not add a Title to the widget in the Search Bar.
   • Leave Checked Default Styling?
   • You can check both Extra Fields? and Include Min Price? (Optional)
4. Save.
5. Then copy the CSS below and paste it into Appearance > Customize > Additional CSS at the bottom
   Note: If you have other CSS for the .search-bar in the Additional CSS, please remove it, before adding this. (You can save it to a Text Editor, in case something goes wrong and you need to revert.)

/* IMPress Omnibar Search Default Settings - Winning Agent 2.0
---------------------------------------------------------------------- */
.search-bar .idx-omnibar-form ul,
.sidebar .idx-omnibar-form ul{
	margin: 0;
}
.search-bar div.awesomplete input[type=text].idx-omnibar-input {
    height: 50px;
}
.search-bar .idx-omnibar-form button {
    margin: 22px 5px 0 0;
}
.search-bar .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-min-price-container,
.search-bar .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-max-price-container,
.sidebar .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-min-price-container,
.sidebar .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-max-price-container,
.sidebar .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra {
    width: 100%;
}
@media only screen and (min-width:680px) {
	.search-bar .idx-omnibar-form.idx-omnibar-extra-form .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-min-price-container,
	.search-bar .idx-omnibar-extra.idx-omnibar-price-container.idx-omnibar-max-price-container {
		width: 12%;
	}
	    	   
	.search-bar .idx-omnibar-form .awesomplete,
	.search-bar .idx-omnibar-form button {
            margin-top: 0;
	}
	
	.search-bar .idx-omnibar-form.idx-omnibar-extra-form .awesomplete {
             margin-top: 38px;
        }
	
       .search-bar .idx-omnibar-form.idx-omnibar-extra-form button {
            margin-top: 22px;
       } 
}
@media only screen and (min-width: 872px) {
	
	.search-bar .idx-omnibar-form.idx-omnibar-extra-form button {
            margin-top: 38px;
        }
}