is it possible to add additional text on top of the price slider?

Hi,

Please send us a a link to your website to the page where you added the filter, so we can help to add the text using Custom CSS.

Hi,

the URL is: https://www.wearex.net/login/marketplace

Best,

neverdowork

You can add the min and max price text above the handles with this Custom CSS:

`.wpf_slider.ui-slider > span:nth-child(2):before {<br>content: ‘Min Price’;<br>display: block;<br>position: absolute;<br>top: -30px;<br>left: 0;<br>min-width: 75px;<br>}</p> <p>.wpf_slider.ui-slider > span:nth-child(3):before {<br>content: ‘Max Price’;<br>display: block;<br>position: absolute;<br>top: -30px;<br>right: 0;<br>min-width: 75px;<br>}`

Please let me know how it works.

It did not work, but maybe I did something wrong adding it to my CSS?

Here’s pictures from my CSS file:

Is that how it’s supposed to look implemented?

Please try the CSS like this, the smart captions seems to be wrong on your CSS and how I see my CSS block in the reply is broken, please copy / paste the code from this reply:

.wpf_slider.ui-slider > span:nth-child(2):before {
content: ‘Min Price’;
display: block;
position: absolute;
top: -30px;
left: 0;
min-width: 75px;
}

.wpf_slider.ui-slider > span:nth-child(3):before {
content: ‘Max Price’;
display: block;
position: absolute;
top: -30px;
right: 0;
min-width: 75px;
}

• This reply was modified 1 year, 8 months ago by themifyme.