field disappears when viewing "City" field

Gravity Support Forums » Plugin Support » Gravity Forms

digitalsea
Member

Please somebody check out the 'City' field in my form here:
http://www.restorationsincorporated.com/request-restoration-services/

I cannot see it. Can you? Why is it not showing and how can I get it to show?

Style issue?

Posted 12 years ago on Monday October 1, 2012 | Permalink
David Peralty

The issue is a style one. The field is there, but there is huge amounts of padding/margins between the field and its label. I'll grab Rob to see what you can do to override that style issue.

Posted 12 years ago on Monday October 1, 2012 | Permalink

This Screenshot shows your culprit. Try dropping this CSS snippet into your theme's stylesheet:

[css]
body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"] {
margin-bottom: 0;
}

Posted 12 years ago on Monday October 1, 2012 | Permalink

digitalsea
Member

Thank you for looking into this.

also... Is there any sort of 'stock' form styles we can add in the
'CSS Class Name' field so not dependent on the Theme form fields?

Posted 12 years ago on Monday October 1, 2012 | Permalink
David Peralty

Not that I know of. Usually people want their forms to integrate with their themes, and that's how we developed Gravity Forms.

You can find all of our CSS documentation here:
http://www.gravityhelp.com/documentation/page/Design_and_Layout

All my best!

Posted 12 years ago on Monday October 1, 2012 | Permalink

digitalsea
Member

Thanks Rob and David for suggestions. I added the code Rob supplied above into the Theme style.css file but unfortunately did not make the City field reappear. hmmmm

This is the Form section of my Themes style.css file.
At the top I included the Rob snippet:

[css]
/* #Forms
================================================== */

body .gform_wrapper
input[type="text"], body .gform_wrapper
input[type="url"], body .gform_wrapper
input[type="email"], body .gform_wrapper
input[type="tel"], body .gform_wrapper
input[type="number"], body .gform_wrapper
input[type="password"] {
margin-bottom: 0;
}

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }

	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block; }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

Posted 12 years ago on Monday October 1, 2012 | Permalink

David Peralty

The city field is there. Right above the word City.

Posted 12 years ago on Monday October 1, 2012 | Permalink
Rob Harrell
Member

Yeah, I'm seeing the city field too. What browser are you using??

Posted 12 years ago on Tuesday October 2, 2012 | Permalink
digitalsea
Member

Thanks guys, I see it now too. Awesome response and quick assistance.

Posted 12 years ago on Thursday October 4, 2012 | Permalink

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