How can I increase cell width or space three cells across full page

  • Profile Image
    capconnect
    Asked on January 31, 2018 at 04:57 PM
  • Profile Image
    BDAVID
    Answered on January 31, 2018 at 07:01 PM

    Please try adding the following code to your form as shown on this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #id_249,#id_104{

        margin-right: 8% !important;

    }

    #id_254,#id_277,#id_89,#id_44 {

        margin-right: 11%;

    }

    #id_85,#id_75{

        margin-right: 15%;

    }

    #id_278,#id_279{

        margin-right: 12%;

    }

    #id_74,#id_77 {

        margin-right: 13%;

    }

    #id_274,#id_270{

        margin-right: 13%;

    }

    #id_315,#id_283{

        margin-right: 14%;

    }

    #id_318,#id_310{

        margin-right: 6%;

    }

    Result: https://form.jotform.com/80307353026953

    1517443245result.png

  • Profile Image
    capconnect
    Answered on February 02, 2018 at 07:43 PM
    Hi, thanks for the codes below which worked.
    I ‘ve added a new section below in the same form. Could I get the column width codes for this one as well please.
    Thanks
    Funda
    ...
  • Profile Image
    Jim_R
    Answered on February 02, 2018 at 09:48 PM

    Hello Funda - Are you referring to this misaligned section?

    If so, modify the last section of the codes given by David.

    FROM:

    #id_318,#id_310{

        margin-right: 6%;

    }

    TO:

    #id_318, #id_310 {

        margin-right: 14%;

    }

    If you're referring to a different section of your form, please tell us exactly which needs to be adjusted so we can provide you the codes you need. In case you're planning to share a screenshot of it, don't reply to this email.

    Instead, kidnly post it directly to your thread https://www.jotform.com/answers/1368848

    Complete guide: How-to-Post-Screenshots-to-Our-Support-Forum

  • Profile Image
    capconnect
    Answered on February 04, 2018 at 06:43 PM
    Hi, tried that formula but it didn’t. area you highlighted below is still as it is.
    Could you take another look please
    Thanks
    Funda
    ...
  • Profile Image
    Nik_C
    Answered on February 05, 2018 at 03:49 AM

    You had a missing closing bracket in the CSS code:

    1517820538Screen Shot 2018-02-05 at 9.47

    I added it and it should be fine now.

    Let us know if you have any further questions.

    Thank you!