Diffrent styling for the slider module

Feature Request

I am using the slider module and it works perfectly and I wonder if there is any way to change the position of the labels being displayed on the slider.

For example, I want something like this:

And we have this:

I have tried some modifications at one of my demo servers and here is the link to the page.

On the page, I have a filter slider named SYMM. which has a Very Good label, and unfortunately, my CSS skill is not so good that’s why it been overlapped by the slider nodes.

So to avoid my confusing CSS codes I like to ask if there is any way to have the slider as I want?

[jamessampford]

Couldn’t we add a class to the labels to allow them to appear above or below the slider, rather than using override?

Something like .labels.bottom.aligned? Could we also potentially apply to a label itself, so the labels could potentially rotate (if wanted) to be above or below, eg .labels .label.bottom.aligned (top/above alignment could be default for comparability)

[exoego]

I think adding this variation to FUI is valuable, since long text labels like this poll seem very common use case.