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.
The office demo homepage – https://office.wprentals.org/ – is created with:
- Search type 4
- Search display in float mode. Read more here
- Hero Media as set as image. Read more here
Select Search type 4
Enable and set search custom fields
Css to hide default fields
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%; }