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