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 centre align the sliding scales on Page 4?

    Asked by scenicrimdesign on March 01, 2017 at 03:22 AM

    2. I would like to centre align the sliding scales on Page 4, under "What do you want your design to say about your business?"

     

    Thank you.

     

    https://www.jotform.com/build/70581028630855

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 01, 2017 at 03:35 AM

    Hello scenicrimdesign,

    I am not sure if I have understood your question correctly. Do you mean to say that you want to centre align all the "Scale Rating" questions you have added? Please check the screenshot below:

    Please explain your question a bit more in detail and we will surely help you with required custom css code.

    Thank you!

  • Profile Image

    Answered by scenicrimdesign on March 01, 2017 at 04:31 AM

    Yes, I would like the numbers in the group of Scale Rating systems to be neatly aligned - so that the sets of numbers are directly above each other.

     

    Thank you

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 01, 2017 at 07:51 AM

    Hello scenicrimdesign,

    Please inject the following custom css code in your form to centre align the texts and scale rating fields of your form:

    table.form-scale-table {

        width: 400px;

        text-align: center !important;

    }

     

    li#id_43, li#id_42, li#id_48, li#id_49, li#id_71, li#id_72 {

        text-align: center;

    }

    You may like to take a look at the following guide which should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you need any other changes.

    Thank you!