How can I increase the height of the form input fields please.
I'd like to create a contact form that looks similair to the one on this page
http://www.minttwist.com/contact-us
Thanks
How can I increase the height of the form input fields please.
I'd like to create a contact form that looks similair to the one on this page
http://www.minttwist.com/contact-us
Thanks
Please post a link to your form so we can help with the CSS you need. Thanks.
You can do this by targeting the inputs as described in the documentation and either increasing the top/bottom padding
screenshot: http://bit.ly/ouEfUX
or you can simply define a height value if you prefer
screenshot: http://bit.ly/pfKbuA
Also you should see this FAQ about removing bullet image backgrounds from your form.
http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/
Hi,
What css file needs to be modified please?
Thx
Your theme stylesheet is where you would add these rules. Place any new rules at the end of the stylesheet so they supersede any previous ones.
http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F
Hi,
I can't seem to find anything about
- increasing the space between the form fields (e.g. double space the vertical layout to give the form less of a squashed appearenance
- moving the form fields from right to left closer to the field label
THanks
Can you post a link to your form so we can see what's going on?
Hi Rob,
Sorry but I can't since it's hidden behind a |"coming soon plugin". if you can post an email address I'll send you a login, thanks
alternatively it's quite similair to the one on this page:
Sure, rob@rocketgenius.com - just reference this thread in your email.
Hi Rob,
login sent to you
the form is on this page:
http://howmansolicitors.co.uk/ruislip-office.html
many thanks for your help
Someone else using Genesis posted their solution to a similar problem yesterday. Maybe this will help you: http://www.gravityhelp.com/forums/topic/style-confusion#post-66976
Otherwise, Rob is the man and will post something for you soon.
To move the labels closer to the inputs, use the "right aligned" label placement in the form's settings.
For the inputs, this style is your culprit: Screenshot
Drop this into your theme's stylesheet and you should be good to go:
Hi Rob,
the practice field on this page seems to have gone skew whiff
http://howmansolicitors.co.uk/
welcome your help,
Thanks
Couple of things here. For the footer form, you should duplicate the "contact us" form so it has it's own form. This is because on the contact us page you have two instances of the same form, and they will not function correctly.
When you duplicate the form and set the new one in the footer, make that form's label placement "top aligned" - then you'll just need to do a couple small CSS tweaks for padding/margins. Let me know if you get stuck.