How to make the boxes all stay the same length?

  • Profile Image
    mochiiscream
    Asked on September 01, 2016 at 05:23 AM
    Lastly, for the blue form that you made a couple days ago. how can we make it so that the boxes all stay the same length? I tried changing the size of each field to the same, but it still shows up uneven field on mobile. please advise. 
  • Profile Image
    Chriistian
    Answered on September 01, 2016 at 05:33 AM

    I injected the custom CSS code below to the form to make all the boxes have the same length on mobile. Here's the link to the form where I have injected the code: https://form.jotform.com/62442137906960. You can clone it to your account by following this guide: How to Clone an Existing Form from a URL.

    @media screen and (max-width: 480px){

    .form-line {

        width: 100% !important;

    }

    }

    Please let us know if you need further assistance.
    Cheers.

  • Profile Image
    mochiiscream
    Answered on September 01, 2016 at 04:28 PM

    Are there anyway to make changes to the current one we made already?

  • Profile Image
    Mike
    Answered on September 01, 2016 at 09:11 PM

    Yes, you will need to inject Chriistian's CSS to your form, see the next guide.

    How to Inject Custom CSS Codes