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

  • BBC2016
    Asked on May 1, 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>>>?
  • Kevin Support Team Lead
    Replied on May 2, 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. 

     

  • BBC2016
    Replied on May 2, 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.

     

    How to display certain text in the product description in bold? Image 1 Screenshot 20

  • Kevin Support Team Lead
    Replied on May 2, 2016 at 1: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. 

  • BBC2016
    Replied on May 2, 2016 at 1:16 AM

    WOWWW THANX!