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

    Spacing between images?

    Asked by JohnReaves on June 30, 2014 at 03:41 PM

    Hi everybody ...

    I've searched the forum, and there's lots of info on spacing between fields, but I couldn't find anything on spacing between images. I'm assuming it's a custom CSS script. Are images a class of their own?  How would I find the id#?

    Thanks!

    find thanks and
  • Profile Image
    JotForm Support

    Answered by EltonCris on June 30, 2014 at 03:54 PM

    Hi,

    You can use .form-image class selector to apply style on all images.

    Example:

    .form-image {

    margin-top: -13px;

    }

    Or if you want to apply different styles in each image, you can use the element ID. Here's how get the element ID using browser's inspect element tool.

    1. Preview your form.

    2. Follow the instruction on this image.

    After creating your CSS, inject to apply it on your form. How-to-Inject-Custom-CSS-Codes-to-your-Form

    If you need further assistance, let us know here. Regards!

  • Profile Image

    Answered by JohnReaves on July 02, 2014 at 07:42 PM

    Thanks!  I've been able to use the CSS to ALMOST do what I want to do, which is to erase the image borders so I can put three graphics together seamlessly (because I want to make each of the images a separate link.)  Here's the form I've been experimenting with:

    http://form.jotformpro.com/form/41826939013962

    However, the third image (farthest right) doesn't seem to be behaving the same as the other two; there's a border or space that still persists.

  • Profile Image
    JotForm Support

    Answered by EltonCris on July 02, 2014 at 08:01 PM

    Use the ID instead to reduce the default right padding (which is 36px) on the documents image. Inject the following.

    #id_6 {

    padding-right: 12px;

    }

    Result:

    Hope this helps!

  • Profile Image

    Answered by JohnReaves on July 02, 2014 at 08:42 PM

    Hi ...

    That seemed to have worked, but do I have to do it for every image separately? ... figuring out the ID # for each?  That will be about 30 images or so. 

    Not sure I understand what's happening here. Is there iright padding on some of the images and not others?

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on July 02, 2014 at 10:37 PM

    @JohnReaves 

    I am referring to the padding between the fields not the image itself. Yes, you can use ID if you want to remove spacing on a specific image field.

    You can use the following if you want all shrunken images to stay closer.

    .form-line.form-line-column {

    padding-right: 0;

    padding-left: 0;

    }

    Example form: http://form.jotformpro.com/form/41828526532962?

    Thanks!