Agentpress + IDXBroker Search?

[4WardMotion]

Can anyone help me with what I need to do to change out the Agentpress search on the homepage with the IDXBroker quick search? I want the same look as the demo in Agentpress, but I need to use the IDXBroker quick search widget. I have the widget on the page right now, but it has a vertical layout and tied in with the Welcome Message. I would like a horizontal layout and then located in the same spot as the demo site.

Has anyone done this where you can give me some assistance? Thanks!

[IDX Leads]

Agent Evolution still offers Genesis child themes for IDX Broker. The Turn Key Slider theme includes a horizontal search widget for IDX B. http://turnkeyslider.aethemes.com I would hurry to purchase it if that is the route you choose to go as they are rapidly depreciating their Genesis themes.

---

Esse quam videri

[Marc]

@4WardMotion

Below is some CSS I sorted out for the IDXBroker Quick Search for use in a similar Genesis theme, it will likley need adjustment/tuning -

/* IDXBroker
--------------------------------------------- */

[class^='IDX-quicksearchWrapper'] {
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
width: 100% !important;
}

.IDX-qsLabel label {
display: block;
float: none !important;
}

.IDX-qsFieldWrap {
float: left;
margin: 0 !important;
text-align: left !important;
}

.IDX-qsButtonInput {
position: relative;
}

.search-bar .IDX-qsFieldWrap {
padding: 0;
}

.search-bar .IDX-quicksearchForm select,
.search-bar .IDX-quicksearchForm input {
float: left;
width: auto;
}

/* MLS Search Bar for IDXBroker Quick Search Module
--------------------------------------------------------------------- */

.search-bar .wrap {
padding: 40px 30px 20px !important;
}

.search-bar [id^='IDX-quicksearch'] {
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
width: auto !important;
}

.search-bar [id^='IDX-quicksearch'] select {
width: auto !important;
}

.search-bar [id^='IDX-qsIdxIDWrap'] {
display: none;
}

.search-bar [class^='IDX-qsLabel'] {
font-family: 'Lato', sans-serif;
font-size: 13px;
left: 0;
position: absolute;
text-align: left;
text-transform: uppercase;
top: -25px;
}

.search-bar [id^='IDX-qsIdxIDLabel'],
.search-bar [id^='IDX-qsPtLabel'],
.search-bar [id^='IDX-qsCityListLabel'] {
display: inline !important;
}

.search-bar .IDX-qsFieldWrap {
display: inline-block;
float: none;
position: relative;
}

.search-bar .IDX-qsTextInput {
padding: 16px 10px;
max-width: 120px;
}

.search-bar input,
.search-bar select,
.search-bar textarea {
height: 51px;
margin-top: 15px;
}

/* MLS Search Bar IDXBroker media queries
---------------------------------------------- */

@media only screen and (max-width: 1139px) {

.search-bar .IDX-qsTextInput {
max-width: 100px;
}

.search-bar [class^='IDX-qsLabel'] {
font-size: 12px;
}

}

@media only screen and (max-width: 1023px) {

.search-bar .IDX-qsTextInput {
max-width: 100px;
}

}

@media only screen and (max-width: 767px) {

.search-bar .IDX-qsTextInput {
max-width: 100%;
width: auto;
}

.search-bar [class^="IDX-qsLabel"] {
margin: 0;
position: static;
width: 100%;
}

.search-bar [class^='IDX-qsFieldWrap'] label {
float: left;
width: 100%;
}

.search-bar .IDX-qsFieldWrap {
float: none;
text-align: left;
}

.search-bar .IDX-quicksearchForm select,
.search-bar .IDX-quicksearchForm input {
margin: 0 0 15px;
width: 100% !important;
}

}

---

Resultz Digital | Websites, search marketing services and consulting for small business.

[Author]

Posts