What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to display certain text in the product description in bold?

    Asked by BBC2016 on May 01, 2016 at 11:49 PM
    yes i wantto plae theprice of $500 bold like the other prices above iton the right side. can u help????? look atimageabove. please help w css code>>>?
  • Profile Image
    JotForm Support

    Answered by Kevin_G on May 02, 2016 at 12:01 AM

    This text in the product description is added in a single HTML tag, it means that it is not possible to customize certain text if you add it as plain text, I mean if you only write the description in the text box while setting up the payment integration, you will need to add some HTML tags and some CSS code to achieve what you want. 

    For security reasons some HTML tags are not allowed in the Form Builder; however, there are some that you still can add to some fields, names, text or something else that you need to customize, for example, to achieve what you want I have added the <span> tag, you need to add this tag and write the text that you want in bold between this tag, here is an example about that: 

    Patron Member Donation ( <span class="bold"> $500 </span>)

    This will be allowed by the payment wizard, although this <span> tag is not displayed when loading the form this is there and if you add CSS code you will be able to customize it, once you have added the tag to the product description then inject this CSS code to your form: 

    .bold{

        font-weight: bold;

    }

    This guide will help you to inject the code to your form: 

    How-to-Inject-Custom-CSS-Codes

    You will need to do the same, paste the text between the same HTML tags and you do not need to do anything else, if you paste the text between the <span class="bold"></span> tags the text will become bold. 

    Here is my cloned form of yours where I did apply this change: https://form.jotform.com/61218795070962

    Hope this helps. 

     

  • Profile Image

    Answered by BBC2016 on May 02, 2016 at 12:54 AM

    yes but it needs to be on RIGHT SIDE like all the other prices!! help!!!! just like image i made 4 you.

     

  • Profile Image
    JotForm Support

    Answered by Kevin_G on May 02, 2016 at 01:09 AM

    This is because you have added this CSS code which is hiding the price: 

    label[for=input_13_1005] b {

        display : none;

    }

     

    #input_13_1005_price {

        display : none;

    }

    Please identify and remove it from the existing code and the price will be shown as you want, also if you want to display the word "must" in bold you need to add it like this: 

    <span class="bold"> must </span>

    And inject the code given above, check my form again I made the change there. 

  • Profile Image

    Answered by BBC2016 on May 02, 2016 at 01:16 AM

    WOWWW THANX!