PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Email field getting greedy and crowding out phone number

Gravity Support Forums » Plugin Support » Gravity Forms

  1. sharonq
    Member

    I have my email and phone number fields using gf_left_half and gr_right_half but email is taking up a little too much space and pushing phone down.

    How do I correct this.

    Form: http://teamsfirst.ca/contact-us-2/

    Snip:

    <field id="9" size="medium" type="phone" phoneFormat="standard">
				<cssClass><![CDATA[gf_right_half]]></cssClass>
				<label><![CDATA[Phone]]></label>
			</field>
			<field id="10" size="medium" type="email">
				<cssClass><![CDATA[gf_left_half]]></cssClass>
				<label><![CDATA[Email]]></label>
			</field>
    Posted 12 years ago on Wednesday October 17, 2012 | Permalink

  2. Rob Harrell
    Member

    This is your culprit: Screenshot

    Try dropping this in to your theme's stylesheet:

    [css]
body .gform_wrapper form .gform_body ul,
body .gform_wrapper form .gform_body ul li {
	list-style-type: none !important;
	list-style-image: none !important;
	list-style: none !important;
	background-image: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important
}
    Posted 12 years ago on Wednesday October 17, 2012 | Permalink

  3. sharonq
    Member

    Perfect - I am always amazed at the creative ways different plugins use .li - I would not have even looked there.

    It works perfectly now..

    Sharon

    Posted 12 years ago on Wednesday October 17, 2012 | Permalink

  4. Rob Harrell
    Member

    Right on - glad to help out!

    Posted 12 years ago on Wednesday October 17, 2012 | Permalink

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