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

  • natupote
    Asked on August 10, 2016 at 11:50 AM
  • Mike_G JotForm Support
    Replied on August 10, 2016 at 1: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

    How to decrease the vertical size of img Screenshot 30

    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.

    How to decrease the vertical size of img Screenshot 41

    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.