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