Cleaning up rows in order form

  • Profile Image
    cookiezombie
    Asked on April 07, 2017 at 04:58 AM

    Hello,

    How can I do the following:

    1) Move the text and checkbox for "Cookie Pie" and "2% Milk" to the right so that it does not overlap the photo?

    2) Widen the dropdown columns for Ice Cream Pint (and all other items for that matter) so that "Coolhaus Bananas Foster" and "$8.00" are all on one line?

    3)

    Is it possible to remove decimal places in the prices so that "$8.00" becomes "$8"?

    4) Is it possible to make the text larger?

    Any other suggestions to make the form easier on the eye and to understand are very welcomed!

     

    Thank you in advance!

     

  • Profile Image
    Sven
    Answered on April 07, 2017 at 07:19 AM

    1) Move the text and checkbox for "Cookie Pie" and "2% Milk" to the right so that it does not overlap the photo?

    2) Widen the dropdown columns for Ice Cream Pint (and all other items for that matter) so that "Coolhaus Bananas Foster" and "$8.00" are all on one line?

    I have moved this question to a separate thread, and will update there accordingly, please follow this link to open the thread:

    https://www.jotform.com/answers/1113882

     

     

    3) Is it possible to remove decimal places in the prices so that "$8.00" becomes "$8"?

    I have also moved this question to a separate thread, please follow this link to open the thread:

    https://www.jotform.com/answers/1113891

     

    4) Is it possible to make the text larger?

    You can do increase the font size from our Form Designer, Navigate to the STYLES tab, and scroll down to find Font Size:

     

    To increase the font size in a specific form element, you can do that by injecting custom CSS, for example:

    .form-all {
       font-size: 11px;
    }

    You only need to change the .form-all with the class name of the part you want to edit. 

     

    For more information on how to inject custom CSS, please follow this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

     

    If you need any help please get back to so we can assist you further. Also, kindly post your future questions in separate thread unless they're related to the same post. 

     

    Thank you