Image size become very large in website

  • Profile Image
    ahmedaallam
    Asked on November 16, 2014 at 12:48 AM

    Hello,

     

    Image size become very large in website and it doesn't save the setup size selected on form?

    http://www.nyroyal.com/reservation/

    http://www.jotform.com//?formID=42854152064149

     

    best,

  • Profile Image
    Ben
    Answered on November 16, 2014 at 05:22 AM

    Hi,

    I actually see it the same on the jotform alone and on the website (being big as on screenshot), but to reduce its size, you should add this CSS code:

    #cid_140 > .form-image {
        max-width: 50px;
    }

    You can change 50px to some other value to get it to the desired size.

    Best Regards,
    Ben

  • Profile Image
    ahmedaallam
    Answered on November 16, 2014 at 05:01 PM

    Hi Ben,

     

    thank you you so much but I have another pictures on the other pages that I do not want it to look smaller in size. The form look ok when I do not select the responsive option!

     

    please advise,

    best,

     

  • Profile Image
    ashwin_d
    Answered on November 16, 2014 at 09:58 PM

    Hello ahmedaallam,

    Have you tried removing the "Responsive" option of your form and adding the "Mobile Responsive" widget yet? This should display the images in its original size.

    Do try it out and get back to us if you have any questions.

    Thank you!

     

  • Profile Image
    ahmedaallam
    Answered on November 17, 2014 at 09:50 AM

    Hello Ashwin_D,

    thank you very much.

    it did work on PC and IPad but not on IPhone!

    please advise,

     

  • Profile Image
    raul
    Answered on November 17, 2014 at 11:11 AM

    Please try to use this CSS Code:

    div#cid_140 {
    width: 35px !important;
    }

    This will set the width of the image to 35px regardless of the device where it's being rendered.

    Let us know if this helps.
    Thank you.