How to centre align the sliding scales on Page 4?

  • scenicrimdesign
    Asked on March 1, 2017 at 3: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

  • Ashwin JotForm Support
    Replied on March 1, 2017 at 3: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:

    How to centre align the sliding scales on Page 4? Image 1 Screenshot 20

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

    Thank you!

  • scenicrimdesign
    Replied on March 1, 2017 at 4: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

  • Ashwin JotForm Support
    Replied on March 1, 2017 at 7: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!