Fancy Range Slider: Increase font size of the numbers.

Bonjour,

Comment est-ce que je peux faire pour agrandir la police d'écriture des chiffres sur l'échelle pour que ce soit aussi gros que le titre.

Est-ce que vous auriez un code CSS ?

Merci

Hi AVPI,

Thanks for reaching out to Jotform Support. Unfortunately, our French Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in French, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. We would need to increase the iframe height of the widget to accommodate the font size increase. Please inject the provided CSS code below into your form.

/*Increase Fancy Range Slider height - 9506031*/

iframe#customFieldFrame_118,

iframe#customFieldFrame_119,

iframe#customFieldFrame_120,

iframe#customFieldFrame_121,

iframe#customFieldFrame_122,

iframe#customFieldFrame_123 {

    height: 70px !important;

}

Here's how to do it:

• In Form Builder, on the right side of the screen, click on the Paint Roller icon.
• Go to Styles.
• Scroll down to Inject Custom CSS.
• Paste the provided CSS code.

To increase the font size of the numbers in you would have to inject the provided CSS code below to each widget.

/*Increase Fancy Range Slider font size - 9506031*/

span.irs-min, 

span.irs-max,

.irs-from, .irs-to, .irs-single,

.irs-grid-text,

.irs-grid-pol  {

    font-size: 16px !important;

}

Here's how to do it:

• In Form Builder, click on the Fancy Range Slider to select.
• On the right side of the selected Fancy Range Slider, click on the Wand icon.
• Go to Custom CSS.
• Paste the provided CSS code and click on Update Widget.

Result:

Let us know if there’s anything else we can help you with.

Bonjour,

Super merci beaucoup!

Bonne journée