How to increase the space between two fields?

  • betwrestling
    Asked on March 22, 2017 at 2:09 AM

    Probably a very simple solution. I would like a wider space between the image and the 'Who will win this match?' text. See picture (the rectangle is where i want a larger gap). How do i achieve this?

    Jotform Thread 1098381 Screenshot
  • Nik_C
    Replied on March 22, 2017 at 7:32 AM

    You can insert this CSS in your Custom CSS field:

    div#cid_7 {

        margin-bottom: 30px;

    }

    It will make a gap and you can increase the number if you want a bigger gap.

    How to increase the space between two fields? Image 1 Screenshot 20

    Let us know if you need further adjustments.

    Thank you!

  • betwrestling
    Replied on March 22, 2017 at 8:54 AM

    Thank you very much however i would like to do the same in every tab between the image and 'Who will win this match?' text. What would be the easiest way to do this for every tab?

  • Nik_C
    Replied on March 22, 2017 at 12:26 PM

    I'm sorry I didn't notice it's the multi-page form. 

    Instead of the above code please use this one:

    img.form-image {

        margin-bottom: 30px;

    }

    It will apply to all images because they are under the same class.

    Let us know how it worked for you.

    Thank you!