Move slider labels below the slider?

Hi!

I'm new to Qualtrics and I'm trying to move the labels below the slider, and I've tried several codes from these links:

https://www.qualtrics.com/community/discussion/2326/a-way-to-change-the-position-of-the-labels-in-a-slider-question

https://www.qualtrics.com/community/discussion/3294/move-slider-labels-below-choices

https://www.qualtrics.com/community/discussion/4154/labels-under-the-slider-bar-two-slider-bars-with-different-labels

but weirdly none of these works for me.

Here are codes I tried in Qualtrics.SurveyEngine.addOnReady(function()

jQuery("ul.labels").insertAfter("div.slider-container:last");

and, in a different attempt,

jQuery("#"+this.questionId+" ul.labels").insertAfter("div.slider-container")

and, in another attempt,

jQuery("ul.labels").insertAfter("div.slider-container")


These codes didn't change anything in the layout. I only have one slider per page, and it looks like this:


!

Here is what my codes look like:

!


Any advice? Thank you!