How Can I Add Dollar Sign Before Box in Payment Section?

  • BBC2016
    Asked on March 10, 2016 at 2:49 AM

    When I add the code for putting a dollar sign in before the box I get this result! Help please?

     

     

     

    Jotform Thread 791585 Screenshot
  • mert JotForm UI Developer
    Replied on March 10, 2016 at 4:24 AM

    Hi there,

    When I checked your form, I can see that you have set lots of customization on your payment field. We can get the look you want by restoring some features to its default values.

    Firstly, please copy your product's title with HTML tags which you added and delete the current product then, add a new product with the old title. Repeat this step for every one of them.

    Please, see it from the below:

    How Can I Add Dollar Sign Before Box in Payment Section? Image 1 Screenshot 30

     

    Then we need to inject some custom CSS to our form, please copy and paste the following code:

     

    .form-product-details {

        visibility: visible !important;

        float: right;

    }

     

    Below, you can see the final look of your form after applying these steps to it:

    How Can I Add Dollar Sign Before Box in Payment Section? Image 2 Screenshot 41

     

    I hope this one will work for you. Please, do let us know about the results.

    Thanks.

  • BBC2016
    Replied on March 10, 2016 at 4:30 AM

    can you clone it pleaseeeee???

  • mert JotForm UI Developer
    Replied on March 10, 2016 at 4:34 AM

    Sure, I moved the form to your account and its name is "Clone of TEST PROMO PAGE". Please, check it on your account.

     

    Regards.