Can I make this form smaller or not so tall

Gravity Support Forums » Plugin Support » Gravity Forms

runaustin
Member

Can I make this form smaller or not so tall - it looks funny in the small sidebar that it's in... I really really need a form for this smaller area that looks good and can't find it anywhere... I'm hoping you have some customization ideas?

http://www.angelakraushaar.com/?page_id=979

Posted 14 years ago on Sunday December 26, 2010 | Permalink
Kevin Flahaut
Administrator
I personally think you're cramping the form up too much in the small left column, even if you do tighten it up a bit vertically I don't think it's very good from a usability standpoint.

That said, you can do a few things to improve it where it is.

First, go to the form editor and change the size on the first 3 fields to "large", then you can add the following CSS to your theme stylesheet. This is applicable only to the form on the left - ID #1
```
#gform_wrapper_1 textarea.medium {
height:100px
}

#gform_wrapper_1 ul li {
margin:0!important;
padding:0!important;
border-bottom:none!important
}
```
that reduces the height of the textarea and removes the inherited margins, padding and bottom border from the containing list elements.

test screenshot: http://grab.by/84Hb
Posted 14 years ago on Sunday December 26, 2010 | Permalink
runaustin
Member

Thank you for your opinion and answer - I'll try it out in a bit.

Posted 14 years ago on Sunday December 26, 2010 | Permalink
runaustin
Member

I tried it and it does not look any different. Did I put the text in wrong...? Here it is:

.gform_footer input.button {
color: #FFFFFF !important;
}

.gform_wrapper textarea.medium {
height:100px
#gform_wrapper ul li {
margin:0!important;
padding:0!important;
border-bottom:none!important
}
/***** Footer ********************/

Anyhow - I really apprciate your help - let me know?

Posted 14 years ago on Monday December 27, 2010 | Permalink
Kevin Flahaut
Administrator
Well, yes, a couple of things are wonky with your CSS. You haven't closed the textarea height rule properly and the gform_wrapper is a class name, not an ID unless you're targeting a specific form. This should work on all of your forms based on the class names.
```
.gform_footer input.button {
color: #FFFFFF !important;
}

.gform_wrapper textarea.medium {
height:100px
}

.gform_wrapper ul li {
margin:0!important;
padding:0!important;
border-bottom:none!important
}
```
Also, I would append these rules to the VERY END of the theme stylesheet so nothing else supersedes them.
Posted 14 years ago on Monday December 27, 2010 | Permalink