- This topic has 11 replies, 2 voices, and was last updated 8 years, 3 months ago by .
These forums are now closed and remain for historical purposes.
None of the content applies to the new version 3. For support, get in touch via our contact form.
Forums › Forums › Search & Filter Pro › How to add a range slider
Tagged: search form, slider
OK
First remove these two blocks of CSS from the fusion.css file:
.fusion-widget-area-1 .widget h4 {
margin-bottom: 15px;
}
and
.searchandfilter h4 {
font-size: 22px !important;
background: white;
background: url(//biancoprova.altervista.org/wp-content/uploads/2017/11/label.jpg) repeat-x;
background-repeat: repeat-x;
border-top-left-radius: 10px;
width: 300px;
color: #fff !important;
font-weight: 700 !important;
margin: 10px 0px 0px 0px;
padding: 5px 5px 5px;
font-size: 16px;
text-shadow: 1px 1px 2px #444444, 0px 0px 1px #fff;
}
Add this new CSS:
.searchandfilter h4 {
font-size: 22px !important;
width: 300px;
}
.searchandfilter .sf-field-search h4 {
background: url(//biancoprova.altervista.org/wp-content/uploads/2017/11/label.jpg) repeat-x;
border-top-left-radius: 10px;
color: #fff !important;
font-weight: 700 !important;
margin: 10px 0px 15px 0px;
padding: 5px 5px 5px;
text-shadow: 1px 1px 2px #444444, 0px 0px 1px #fff;
}
.searchandfilter .meta-slider {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.searchandfilter .sf-field-post-meta-wpcf-portata h4,
.searchandfilter .sf-field-post-meta-wpcf-sollevamento h4{
margin: 0px 0px 15px 0px;
padding: 5px 20px 5px 8px;
border: 1px solid #aaa;
border-radius: 4px;
}