Adjust the form height

  • Profile Image
    CCDStAlphonsa
    Asked on January 28, 2019 at 09:33 AM

    Hi there, Is there a way to adjust the height of a form?  We have a background image and it looks fine on a desktop preview, but when I do a phone preview I see only the top part of the image and I don't want that to happen. How can I fix this? 

  • Profile Image
    Richie_P
    Answered on January 28, 2019 at 11:01 AM

    To clarify, do you want to make your background image show when viewed in mobile?

    I have checked your form and it seems your background for the form is not transparent.

    You can add this custom CSS in your .Form-all

    .form-all{

      background-color: transparent !important;

    }

    Please give it a try and let us know how it goes.

  • Profile Image
    CCDStAlphonsa
    Answered on January 28, 2019 at 11:15 AM

    Thank you i tried that, didn't like the look of it. The form is not very readable. Is there a way to increase the height of the form (The grey box with form elements) so that i can cover the head of the image?

  • Profile Image
    CCDStAlphonsa
    Answered on January 28, 2019 at 12:34 PM

    Also, why is the logo not showing in the preview?

  • Profile Image
    Richie_P
    Answered on January 28, 2019 at 01:58 PM

    Can you try adding this custom CSS

    @media (max-width: 480px){
      .form-all{
      margin-top: -1px !important;
    }
    }
    .form-all:before {
      
        position: initial;
    }

    Guide:https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.