Center Fields in Form

  • Profile Image
    CTec
    Asked on June 21, 2016 at 08:14 AM

    Hi Christian

    I'm having a similar problem with my form. Basically, I want to centre everything in a responsive form.

    https://form.jotform.com/61722626473962

  • Profile Image
    CTec
    Answered on June 21, 2016 at 08:41 AM

    Just to add to it. I've managed to center every thing apart from the submit button, using the following css:

    .form-all {
        display: inline-block;
        text-align: center;
        background-color:transparent;
        box-shadow:none;
    }

    However, as I stated, the submit button will not center at all.

    https://form.jotform.com/61722626473962

  • Profile Image
    CTec
    Answered on June 21, 2016 at 08:51 AM

    Solved it. It requires the width to be specified for the submit button class.

    .form-line.form-line-column {
        display: inline-block;
        width: 100%;
    }

  • Profile Image
    Chriistian
    Answered on June 21, 2016 at 08:59 AM

    Hi,

    Glad to hear it was solved. If you need further assistance, just let us know.