What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to decrease the vertical size of img.form-input-wide?

    Asked by natupote on August 10, 2016 at 11:50 AM

    Good day

    Page URL:
    https://form.jotformz.com/62215706666660

    size wide decrease how
  • Profile Image
    JotForm Support

    Answered by Mike_G on August 10, 2016 at 01:55 PM

    I have made a clone version of your form and found out that you already have set a height for the .form-input-wide

    In this code,

    #cid_223,#cid_229,#cid_236,#cid_241,#cid_248,#cid_278,#cid_254,#cid_261,#cid_267,#cid_273,#cid_286,#cid_292,#cid_298,#cid_304,#cid_310,#cid_316 img.form-image {

        height : 50px;

        width : 50px;

    }

    , you are already changed the veritcal size(height) of the form-input-wide by selecting some of the ids of the class, form-input-wide, except for this one: #cid_316 img.form-image (which you are selecting the image inside the #cid_316)

    However, if you are only really trying to select the img under #cid_223, #cid_229, #cid_236, #cid_241, #cid_248, #cid_278, #cid_254, #cid_261, #cid_267, #cid_273, #cid_286, #cid_292, #cid_298, #cid_304, #cid_310, and #cid_316, I suggest you write it like this instead:

    #cid_223 img.form-image#cid_229 img.form-image#cid_236 img.form-image#cid_241 img.form-image#cid_248 img.form-image#cid_278 img.form-image#cid_254 img.form-image#cid_261 img.form-image#cid_267 img.form-image#cid_273 img.form-image#cid_286 img.form-image#cid_292 img.form-image#cid_298 img.form-image#cid_304 img.form-image#cid_310 img.form-image#cid_316 img.form-image { 

        height : 50px;

        width : 50px;

    }

    That way it will select the img under those ids.

    Now, if what you want right now is to select the form-input-wide for specific elements only, you can use this as a selector.

    In that example, it will only select the form-input-wide that has an id of #cid_223 only.

    I hope this helps. If, in any case, I have misunderstood your concern, please feel free and do not hesitate to get back to us. 

    Thank you.