Input Tables - Alignment Issues When Publishing

  • Profile Image
    rmullins656
    Asked on March 26, 2020 at 01:31 PM

    My survey looks like I want it to look in the Form Builder (Left side of the attached screenshot) but the alignment changes when I publish the form (right side of the attached screenshot). Can you assist?

  • Profile Image
    JohnRex
    Answered on March 26, 2020 at 02:45 PM

    Please try adding this custom CSS codes below on your form:

    li#id_8 {

        left: -320px;

    }

    li#id_9 {

        top: -210px;

        right: -400px;

    }

    li#id_10 {

        top: -240px;

        right: -400px;

    }

    li#id_12 {

        margin-top: -180px;

    }

    li#id_11 {

        left: -395px;

    }

    This will fix the alignment and positioning of those input tables when published.

    GUIDEHow-to-Inject-Custom-CSS-Codes