If you want to have the same search as in Office Demo but you do not want to import this demo, please follow below steps

Select Search type 4

Enable and set search custom fields

These field will apply for extended search.

Related Help Articles

If you want to add other custom fields – check this help https://help.wprentals.org/article/advanced-search-type-3-and-4-custom-search-fields-setup/

If you want to add features and amenities to search – check this help https://help.wprentals.org/article/listings-features-and-amenities/

Search position settings

Search colors settings

​

Css for search in header look – copy what is below:

Help to add to custom css https://help.wprentals.org/article/3029/

/*adv search*/

.adv_handler {
display: none;
}

.adv-search-4 {
padding: 10px 10px 5px 10px;
}

.adv-search-4 .col-md-2:nth-of-type(2) {
display: none;
}

#search_wrapper {
max-width: 900px;
left: 0px;
right: 0px;
margin: 0 auto;
}

#search_wrapper_color {
max-width: 900px;
left: 0px;
right: 0px;
margin: 0 auto;
}

#advanced_submit_4{
width:100%;
}

.adv-search-4 .col-md-2:nth-of-type(4), .adv-search-4 .col-md-2:nth-of-type(3) {
width: 25%;
}

Css to hide both categories and types

#search_wrapper, #search_wrapper_color {
    max-width: 750px;
}

.adv_handler, .adv-search-4 .col-md-2:nth-of-type(2), .adv-search-4 .col-md-2:nth-of-type(3) {
    display: none;
}

#search_wrapper.search_wr_type4 .col-md-6 {
    width: 83%;
}

#advanced_submit_4{
width:100%;
}

Other options

For header with image – check this help for a custom header just for homepage https://help.wprentals.org/article/custom-header-options/

For parallax enable this option – https://help.wprentals.org/article/1-18-theme-options-header/#header_parallax