Can anybody give me the css to make this happen?

  • Profile Image
    bomboniere
    Asked on September 02, 2016 at 09:17 PM
  • Profile Image
    BJoanna
    Answered on September 03, 2016 at 05:51 AM

    I assume that you are working on this form. Please allow me some time to find correct CSS code. Once I find correct code I will inform you via this thread. 

  • Profile Image
    BJoanna
    Answered on September 03, 2016 at 06:03 AM

    Please add this CSS code to your Matrix Dynamique Custom CSS field:

    td.c0 {

        padding-left: 5px!important;

        width:40px!important;

    }

    td.c1 {

        padding: 0px!important;

        width:40px!important;

    }

    td.Button, td.matrixButton {

        text-align: left!important;

        width: 30px;

        padding-left: 10px!important;

    }

    table {

        width: 60%!important;

    }

    After that your form will look like this. 

    Here is my cloned form with mentioned CSS code:

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.

  • Profile Image
    bomboniere
    Answered on September 03, 2016 at 08:45 AM
    Thanks,
    This will help.
    Could you please delete the links I made my forms private in my settings. You can leave the CSS part up it should be helpful to others as the default is too wide to fit much on a mobile device.
    Thanks again
    ...
  • Profile Image
    jonathan
    Answered on September 03, 2016 at 09:44 AM

    I had now removed any form URL in the discussion thread.

    Thank you for the confirmation that the solution provided by our colleague helped.

    Contact us anytime should you require assistance again.