I need to narrow the width of columns

  • Profile Image
    richgeasey
    Asked on September 23, 2011 at 05:46 PM

    On this intake form:

    http://sanfranciscopersonalfitnesstraining.com/new-client-application/

    At the bottom of the screen is a matrix of times a new client can select. Right now it shows 4 columns, I have five columns in my form. How can I reduce the size of each column so all five fit in there. 

    Thanks.

  • Profile Image
    brx250
    Answered on September 24, 2011 at 01:50 AM

    Hi richgeasey,

    First of all, thank you for using JotForm.

    You can do that by adding custom CSS to your form. I've attached here some illustrations for you to follow.

    1) Open your form to edit.
    2) From the toolbar click on "Setup & Embed" then select "Preferences"

    preferences

    Enter the following CSS rule in the "Inject Custom CSS" section on the "Form Styles" tab to accomplish what you want

     .form-checkbox-item {   width:120px !important; }

    question spacing using css

    Hope you find this helpful. If you do have any other questions in the future, please feel free to contact us again.

    ___________________________________________________________

    Albert | JotForm Support

     

  • Profile Image
    richgeasey
    Answered on September 26, 2011 at 12:09 PM
    Awesome! Thanks, it worked just great. And.............. you did this on
    Friday evening at nearly 11:00PM!

    Thank you.

    Rich

  • Profile Image
    brx250
    Answered on September 29, 2011 at 11:14 PM

    Hi Rich,

    You're welcome! If you do have any other questions in the future, feel free to contact us again. We will always be glad to help.

    Hope you enjoy using JotForm!

    ___________________________________________________________

    Albert | JotForm Support