Field spacing and deletion of page break

Gravity Support Forums » Plugin Support » Gravity Forms

tasseyrusso
Member

Site: http://www.afullyengagedlife.com
form page: http://www.afullyengagedlife.com/test-assessment-form/
password: testform

Question:

1. I would like to reduce the space that exists between two fields, i.e. spacing between the html field that displays the question and the next field, the field that allows a person to enter a number in response to the question. How am I able to do that?

2. Is there a way to further reduce the size, width of the "number" field? It's currently set to "small".

3. I wanted to create a multi-page form because there are so many questions to this form. But, after reading about multi-page forms, I realize that I need to create multiple forms and use the redirect function upon submittal in order to save each page's data/responses But now I can't seem to delete the page break from the form itself. How may I do this?

Thanks!

Posted 13 years ago on Thursday August 18, 2011 | Permalink
Kevin Flahaut
Administrator

The primary source of your spacing problem is that your inline label image is 85 pixels high and has a lot of white space included in it. If you crop the image down to fit the content, the spacing should be reduced considerably.

screenshot: http://i.imgur.com/WlvX0.png

If you have page breaks, the "start paging" and "end paging" breaks will be deleted when you delete the last page break in the center of the form.

screenshot: http://i.imgur.com/YljTU.png

Posted 13 years ago on Thursday August 18, 2011 | Permalink
tasseyrusso
Member

Wow. So simple. I am sorry that I didn't realize either of these issues. I've been able to work on the image and modified the spacing. Would love to still reduce the space between each field a bit more. Is there somewhere to do this in the code? If so, where would I locate the code?

Also, is it possible to make the number data entry field smaller in width?

Posted 13 years ago on Thursday August 18, 2011 | Permalink
Carl Hancock
Administrator

If you are referring to the input size of the Number field, there is a Field Size option when editing the Number Field under the Advanced tab.

As far as spacing and styling forms, you would use CSS to change the styling. You would write custom CSS to target the HTML elements you want to style and add that custom CSS to your themes stylesheet.

Documentation for styling can be found here:

http://www.gravityhelp.com/documentation/page/Design_and_Layout

The CSS Targeting Samples are particularly useful for knowing how to properly target and style elements.

Posted 13 years ago on Thursday August 18, 2011 | Permalink
tasseyrusso
Member

Managed to reduce the spacing, now maybe too much. (sigh). But my question regarding a smaller data entry block for the number is still one that I would love you to reply to. Thank you!

Posted 13 years ago on Thursday August 18, 2011 | Permalink
Kevin Flahaut
Administrator
Oops. Looks like we both missed that one in our replies. The easiest way to do what you want is to redefine the "small" class for this form and set a new width. Try adding this to the end of your theme stylesheet.
```
[css]
#gform_wrapper_7 input.small {
    width: 20px;
}
```
screenshot: http://bit.ly/peKGdy
Posted 13 years ago on Thursday August 18, 2011 | Permalink

This topic has been resolved and has been closed to new replies.