How to add a range slider

Trevor

#144286

Dies this help?

https://screenshots.firefox.com/xwjsat6MNVPH5Y5C/sandfdev.cdnwebservices.net

It can be done with Number or Date sub types.

Anonymous

#144316

Not really, because the option appears only for the post meta and not for the taxonomies. In the movie demo it was used for the number of oscars, i have to use it for numbers as well.

Trevor

#144321

Ah, the number of Oscars is a Custom field (number), not a taxonomy. As taxonomies are, by definition textual, they are assumed not to be numbers, and so cannot have a slider.

I always use ACF to make a custom number field for sliders.

If you use the browser inspector and look at that field in the demo, you will its name is sf-field-post-meta-oscar.

Anonymous

#144324

Great, thanks again Trevor, I hope this will help. I will try it on thursday.
Cheers

Anonymous

#144991

Thanks Trevor, it worked as you said me.

One more question: the post-meta fields were added on the search form with a label which is the same as the form label. If i edit the form-label css the post-meta labels change as well. How can I customize the post-meta label without changin the search-form title labe?

Trevor

#145044

This reply has been marked as private.

Anonymous

#145053

This reply has been marked as private.

Trevor

#145092

This reply has been marked as private.

Anonymous

#145101

This reply has been marked as private.

Trevor

#145198

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;
}

[Author]

Posts