CSS: Increase cell and column width in a grid

  • Profile Image
    office803
    Asked on January 16, 2018 at 10:22 AM

    15161267682018-01-16 (1).png

    Please see attached screenshot.  When previewing in mobile mode the width of the column and the cell in the column are skewed, either too large or too small.  I've tried several things, but am unable to enlarge.  Suggestions?

  • Profile Image
    office803
    Answered on January 18, 2018 at 09:07 AM

    Can I get help with the above problem please?  Thank you!

  • Profile Image
    aubreybourke
    Answered on January 18, 2018 at 10:51 AM

    OK, please replace the CSS you have with this:

    #label_34 {

        margin-bottom : 20px;

    }

    /* Hide "I certify" checkbox label */

    #label_22 {

        display : none;

    }

    /* Control matrix table textboxes' width */

    .form-matrix-values {

        padding-left : 8px;

        padding-right : 8px;

    }

    .form-matrix-row-headers {

        width : 50px !important;

    }

    .form-matrix-values .form-textbox {

        width : 100% !important;

    }

    .form-matrix-table {

        width : 100% !important;

    }

    How-to-Inject-Custom-CSS-Codes 

    It will look like this:

    1516290601The Easiest Online Form Builde

  • Profile Image
    office803
    Answered on January 18, 2018 at 05:24 PM

    This is probably a "not cool" question, but not being CSS savvy... "Do I replace all the CSS code with this or add this to the bottom of the existing CSS code."  

    Sorry :0(  

  • Profile Image
    office803
    Answered on January 18, 2018 at 06:45 PM

    Aahhh!  Nevermind!  Looks beautiful!

    Thank you bunches!!

  • Profile Image
    John_Benson
    Answered on January 18, 2018 at 09:21 PM

    Thank you for updating us. We're glad that the issue is now resolved. 

    On behalf of my colleague, you're welcome. 

    Let us know if you need further help. We'll be happy to assist you.