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

  • Profile Image
    clairemannes
    Asked on February 16, 2021 at 03:48 AM

    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

    Screenshot
  • Profile Image
    Richie_P
    Answered on February 16, 2021 at 04:50 AM

    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.

  • Profile Image
    clairemannes
    Answered on February 16, 2021 at 05:13 AM

    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,

    Claire1613470393_602b9ab94cc9e_Bildschirmfoto

  • Profile Image
    Rehan_F
    Answered on February 16, 2021 at 06:28 AM

    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

  • Profile Image
    clairemannes
    Answered on February 16, 2021 at 09:18 AM

    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

  • Profile Image
    roneet
    Answered on February 16, 2021 at 09:43 AM

    Could you please inject this CSS into your form:

    #label_136 {

    font-style: italic!important;

    }

    Let us know how it goes.

    Thanks.

  • Profile Image
    clairemannes
    Answered on February 16, 2021 at 09:55 AM

    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.

  • Profile Image
    roneet
    Answered on February 16, 2021 at 10:00 AM

    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:

    1613487578_602bddda7f4c3_

    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:

    1613487264_602bdca0b9d4b_

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

    Thanks.

  • Profile Image
    clairemannes
    Answered on February 16, 2021 at 01:50 PM

    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

  • Profile Image
    Welvin
    Answered on February 16, 2021 at 05:33 PM

    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

  • Profile Image
    clairemannes
    Answered on February 18, 2021 at 04:09 AM

    Hello,

    thank you very much for your help!

    i am satisfied with the result.

    I'm working now on a new form. And here I would like to put only some words from a basic element "long Text" in italic.

    I also would like to know if it is possible to make a reference to indicate the source.


    Thank you a lot,

    Claire

  • Profile Image
    Richie_P
    Answered on February 18, 2021 at 05:35 AM

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

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