How can I change the label of the Voice Recorder widget to Italic?

Hello,

i would like to write the questions that depends on the voice recorder in italic.

I'll tried to change the Custome CSS code : <em>text</em>

But it is impossible to change the the Custom CSS code.

Thank you for your help.

(i'll uploaded a screenshot)

Claire

You may use custom CSS to change the font-style.

#label_156{

 font-style: italic;

}

Guide:https://www.jotform.com/help/117-how-to-inject-custom-css-codes

Let us know how it goes.

Hello,

unfortunatley it doesn't work even by saving an refreshing the page. Is there an other solution?

Is the custom CSS code you give me only for the font-style of the voice recorder questions?

Thanks,

Claire

Greetings,

Please try the following CSS code in your form.

.form-label.form-label-auto {

       font-style: italic;

}

This will change all the field labels to Italic. The widget questions are not changing to Italic when CSS is applied separately.

Let us know if this is acceptable.

Thanks

Hello,

i am sorry, but you misunderstood me.

I want the opposite: I want all the field labels in a normal font only the widget questions should change to italic when CSS is applied.

What do you mean by "CSS is applied separately". Not in the Form Design menu?

Thank you

Claire

Could you please inject this CSS into your form:

#label_136 {

font-style: italic!important;

}

Let us know how it goes.

Thanks.

unfortunately it still doesn't work. Even if I tried to put your CSS code in Form Design ---> Styles. Or if I tried to change it in the Widget Settings.

Are you referring to this form:

https://www.jotform.com/210211954493048?jumpToPage=3

#label_136 {

font-style: italic!important;

}

On injecting the above CSS I could see the label in Italics as shown:

Are you unable to see the same on your end? Please try clearing the browser cache.

You may get the ID of the label by right-clicking the field which you want to change to change it to Italics:

The ID of the field should be targeted to inject the CSS.

Thanks.

Hello ,

thank you very much for your help, now it works, but there's an other issue. I want that all my widgets questions are written in italic. An is it also possible to change the color of these fonts?

Thank you,

Claire

Hello Claire,

The following custom CSS codes will do it. However, this isn't exclusive to the Voice Recorder widget.

[data-type="control_widget"] label {

  font-style: italic !important;

  color: #f23a3c !important;

}

Also, change the color to your preferred color.

Thanks

Hello,

thank you very much for your help!

i am satisfied with the result.

Thank you a lot,

Claire

I have moved your new questions to a new support ticket.

Kindly follow this link https://www.jotform.com/answers/2906954