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

  1. 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 7 years ago on Wednesday October 17, 2012 | Permalink
  2. 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 7 years ago on Wednesday October 17, 2012 | Permalink
  3. 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 7 years ago on Wednesday October 17, 2012 | Permalink
  4. Right on - glad to help out!

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

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