Changing width and padding « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

marcvos
Member

I just started working with Gravity Forms and absolutely love it! Thanks for a wonderful product. I have one question:

After adjusting the padding of my forms as described on http://www.gravityhelp.com/frequently-asked-questions/faq-styling-formatting/, I have no idea how I can redefine the width values (reduce the percentages) of the inputs to retain proper formatting. I used a left padding of 10px. Next to that, the width of a text area is always larger than the width of a text field... Is there any way to change this?

The form can be visited here: http://www.ipadacademy.nl/gravity/

Posted 12 years ago on Monday July 16, 2012 | Permalink
Rob Harrell
Member
You could target your single textarea with something like this:
```
[css]
#input_3_9 {
width: 98.5%;
}
```
Posted 12 years ago on Monday July 16, 2012 | Permalink
marcvos
Member

Thanks Rob. Where should I place this code?

Posted 12 years ago on Monday July 16, 2012 | Permalink
David Peralty

It goes in your style.css file - http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F

Also, you might have to put !important before the semi-colon if it doesn't work. Let us know if you have any troubles.

Posted 12 years ago on Monday July 16, 2012 | Permalink
marcvos
Member

Thanks, that did the trick! The text area is now the same width as the text fields, great! I'm still struggling with the other question though, how to redefine the width values after using the left padding of 10px.

Posted 12 years ago on Monday July 16, 2012 | Permalink
Rob Harrell
Member

What is your visual goal here in terms of width values?

Posted 12 years ago on Monday July 16, 2012 | Permalink
marcvos
Member

I want all the forms on http://www.ipadacademy.nl/gravity/ to have the same alignment on the right side. At the moment, the first 3 fields are 'shorter' than the last 2 fields.

Posted 12 years ago on Monday July 16, 2012 | Permalink
Rob Harrell
Member
Try replacing what I gave you above with this:
```
[css]
#input_3_4 {
width: 95.5%;
}
#input_3_9 {
width: 98%;
}
```
Posted 12 years ago on Monday July 16, 2012 | Permalink
marcvos
Member

That's perfect, thanks!

Posted 12 years ago on Monday July 16, 2012 | Permalink

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