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

    line up total box

    Asked by BBC2016 on March 16, 2016 at 03:39 PM

    how can i put the total under all the price boxes on the RH side?? So the user can read straight down and have it look symetrical and lined up normal and professional looking??

    Page URL:
    https://form.jotform.com/60631320400133

    line professional all and side
  • Profile Image
    JotForm Support

    Answered by Mike_G on March 16, 2016 at 04:16 PM

    Add the CSS codes below to your form

    .form-payment-total{

    float: right !important;

    position: relative;

    left: 110px !important;

    }

    But before you do that, kindly fix all the errors in the CSS Code tab of the Designer of your form if you found any, otherwise, the changes will not be applied.

    Here's a clone version of your form where I have applied the changes.

    https://form.jotform.com/60756480554966

  • Profile Image

    Answered by BBC2016 on March 17, 2016 at 12:30 AM

    THANK YOU FOR YOUR RESPONSE- ITHELPED ,2 LAST QUESTIONS IFPOSSIBLE.

     

    1 -I CANT GET TOTAL TO LINE UP UNDER THE BOXES. IFICHANGE THEFORM SIZE TO FITMY PAGE WILL THISAUTO ADJUST OR DO IHAVETO CHANGE THE CODE EVERYTIME? IF SO.HOW?

    2-HOWDO I EXTEND THE LINE LONGER?

  • Profile Image
    JotForm Support

    Answered by Chriistian on March 17, 2016 at 01:56 AM

    1. You will need to fix all the errors in the CSS Code tab of the Designer of your form so that the css will be applied. Go to your form designer by following this guide: Form Designer Tutorial. Then on the CSS tab, do the following.

    Once the errors are fixed, the Total should now be aligned correctly.

    2. To make the line longer, simply inject this CSS code:

    #cid_13 hr {

        width: 600px!important;

     

    }

    You can make it even longer by changing the value of the highlighted text. Here's a guide that can help: How to Inject Custom CSS Codes

    Do let us know if you need further assistance.
    Regards.

  • Profile Image

    Answered by BBC2016 on March 17, 2016 at 05:36 PM

    wow great