How to make a specific text change the font-weight using CSS?

  • ProgIntCSC
    Asked on November 19, 2020 at 7:26 AM

    Hi!... I'm trying to put BOLD in an specific label, how can I do it?... I don't want all the labels to appear bold, I just need an specific word of a label to appear in bold. My text is

    "1. Payment for class impartation or payment for group accompaniment"

    I want the number 1 to appear in bold and if possible in other color too. The label ID is #input_483

    Is there a way I can do this?... Thank you!

  • Richie JotForm Support
    Replied on November 19, 2020 at 8:56 AM

    It seems you're referring to the form https://www.jotform.com/form/202455759886876.

    We can use custom CSS to set a specific text to bold.

    For example, if you would like the number 1 to be bold, you can remove the number and use a CSS to show the number 1 instead.

    1605793994 5fb678ca83154 3 Screenshot 10

    Sample custom CSS:

    #label_483:before{

     content: "1";

       font-weight: bold;

    }

    Output:

    1605794025 5fb678e914924 2 Screenshot 21

    However, it seems you have a submission data already in your form. Changing the label in your form may remove the associated data.

    I would suggest you clone your form and use the cloned form to test out the CSS.

    Guide:https://www.jotform.com/help/27-how-to-clone-an-existing-form-from-your-account

    Please give it a try and let us know how it goes.

  • ProgIntCSC
    Replied on November 19, 2020 at 1:37 PM

    Excellent!... thank you for the suggestion, I will do as you recommend and try it in a copy of the original form. :)