Horizontal search list

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)

These forums are closed to new replies / tickets. Please open a support ticket from our new Support page.

  • Author
    Posts
  • #7655
    Anonymous
    Inactive

    Hello

    Do you have a standard searchlist shortcode that display the search bar horizontally ?

    I tried the following code in css style file :
    /****** Property Search Box ******/

    .epl-search-form {
    background: none repeat scroll 0 0 transparent;
    width: 100%;
    }

    .epl-search-form .fm-block {
    clear: both;
    display: inline-block;
    padding: 10px;
    border-bottom:1px #fff solid;
    }

    .epl-search-form .fm-label {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    }

    .epl-search-form .in-field {
    border: 1px solid #B7B7B7;
    padding: 6px;
    }
    .epl-search-form .field-width {
    width: 100%;
    }

    .epl-search-form .fm-block .top-mrgn {
    margin-top: 10px;
    display: block;
    float: none;
    }

    .epl-search-form .check-label {
    font-size: 13px;
    color: #fff;
    }

    .epl-search-form .fm-block-half {
    display: inline-block;
    float: left;
    width: 100%;
    }
    .epl-search-form .fm-block-half .top-mrgn {
    margin-top: 0;
    }

    .epl-search-form .search-btn {
    background: rgba(40, 49, 64, 0.5);
    color: #fff;
    width: 200px;
    display: inline-block;
    text-align: center;
    max-width:none;
    font-size: 1.5em;
    margin-top: 3%;
    padding: 10px;
    border: 2px solid #fff !important;
    border-radius: 3px;
    box-shadow: none !important;
    }

    .epl-search-form .search-btn:hover {
    color: #838383 !important;
    background: rgba(255, 255, 255, 0.4) !important;
    }

    .epl-search-form .checkbox .in-field, .epl-search-form .checkbox .check-label {
    float:left;
    }
    .epl-search-form .checkbox .check-label {
    margin-top:-1px;
    }

    It is quiet nice except that two fields are not alognes and I can’t get it correctly.

    Here is the exemple :

    Any other code you would have or any help to correct my code so that the display would be correct ?

    Thanks a lot

    #7742
    Merv Barrett
    Keymaster

    This depends on the fields in use. We’ve added better CSS classes for each field in 2.0 The above CSS is for the older version. Try this:

    /*****************************
    	EPL Property Search Box
    ******************************/
    .home .epl-search-form {
    	overflow: hidden;
    	width: 100%;
    }
    .property_search-tabs {
    	margin:0; 	
    }
    .epl-search-form.epl-sb-current {
    	display: inherit;
    }
    .builder-module .epl-search-form .fm-block { 
    	padding: 5px; 
    	border-bottom:  none; 
    }
    
    .epl-search-row {
    	clear: none !important;
    	float: left;
    }
    .epl-search-forms-wrapper {
    	float: left;
    	width: 80%;
    	padding: 0;
    }
    .property_search-tabs {
    	width: 20%;
    	float: left;
    	padding: 0;
    }
    
    body .epl-search-form.epl-sb-current {
    	width: 100%;
    }
    body ul.property_search-tabs li{
    	margin:0;
    	font-weight:normal;
    }
    body ul.property_search-tabs li {
    	display: block;
    }
    body ul.property_search-tabs label{
    	background: #333;
    	color: #fff;
    	border-bottom: 0;
    }
    body ul.property_search-tabs li{
    	background: transparent;
    	color: #fff;
    	border-bottom: 0;
    }
    body ul.property_search-tabs li.epl-sb-current{
    	background: #333;
    	color: #fff;
    	border-bottom: 0;
    }
    body .epl-search-form .fm-label {
    	color: #fff;
    }
    #7758
    sylviatopimr
    Spectator

    This works great! Is there a way to remove the city location field completely? We don’t want that in the search but the label is still there.

    #7770
    Merv Barrett
    Keymaster

    Only by using CSS.

    Add this to your theme style.css file.

    .epl-search-row.epl-search-location {
    display:none;
    }

These forums are closed to new replies / tickets. Please open a support ticket from our new Support page.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Basic Support’ is closed to new topics and replies.