How to make the Header image horizontally fit?

  • OurAmazingFighters
    Asked on March 24, 2025 at 6:02 PM
    Lastly, is there a way to make out header picture longer horizontally wihtout making it taller? We want it to be true header image that spans most of the width of the white form!
  • Jenette_R JotForm Support
    Replied on March 24, 2025 at 6:14 PM

    Hi LeAnna,

    To make the picture horizontally longer, you can inject this custom CSS code below:

    /*make the Image horizontally fit*/
    .form-header-group img {
        width: 100% !important;
        height: auto !important;
        display: block;
        margin-top: 10px;
    }
    /*Ends here*/

    You can follow the on how to inject the custom CSS code on the original thread here. Check out my screenshot below to see my results:

    How to make the Header image horizontally fit? Image 1 Screenshot 20

    Give it a try and let us know how it goes.

Your Answer