https://legacy.forums.gravityhelp.com/topic/wp-touch-pro Gravity Support Forums Topic: wp touch pro en-US Mon, 20 Apr 2026 02:31:31 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/wp-touch-pro#post-23511 Sun, 17 Apr 2011 16:42:56 +0000 Kevin Flahaut 23511@https://legacy.forums.gravityhelp.com/ <p>The input widths are set as percentages of the available horizontal space. Adding padding to the right or left effectively increases the size of the inputs and the horizontal real estate they use. That's why you're seeing issues. (too much padding causes the input to wrap to a new line) If you want to add left or right padding, you may need to reset the width percentages on the inputs. </p> https://legacy.forums.gravityhelp.com/topic/wp-touch-pro#post-23500 Sun, 17 Apr 2011 14:19:21 +0000 mattar12 23500@https://legacy.forums.gravityhelp.com/ <p>sounds like it maybe a question for the wp touch forum. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/wp-touch-pro#post-23499 Sun, 17 Apr 2011 14:17:54 +0000 mattar12 23499@https://legacy.forums.gravityhelp.com/ <p>I've been toying with the right padding...I added "padding-right: 3px;" so the gravity forms section of compact.css now looks like this:</p> <p>.gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important;<br /> padding-left: 30px;<br /> padding-right: 3px;<br /> }</p> <p>.gform_wrapper .gform_footer {<br /> margin-top: 0;<br /> margin-left: 15px;</p> <p>}</p> <p>With the padding at 3, the right edge of a field with an alignment of gf_right_half is just barely cut off...with a padding of 4 the field looks right, but moves the field down a line, making the form staggered...thoughts? </p> https://legacy.forums.gravityhelp.com/topic/wp-touch-pro#post-23497 Sun, 17 Apr 2011 13:58:12 +0000 Kevin Flahaut 23497@https://legacy.forums.gravityhelp.com/ <p>Not really sure. Best I can tell so far is that it's related to the input type. The text field above doesn't get cut off, but the field that's being truncated is using the HTML5 "tel" input type. If you notice, the sizing on that (height as well) is different from the other fields so it must be inheriting different CSS properties from somewhere.</p> <p>You can try turning the HTML5 output off, or changing that field to a standard text field and see if that remedies the issue. If not, I would look for styling rules that specify input[type=text] in your theme CSS and then you might want to include input[type=tel] along with them so the phone field inherits the same rules. </p> https://legacy.forums.gravityhelp.com/topic/wp-touch-pro#post-23493 Sun, 17 Apr 2011 13:34:56 +0000 mattar12 23493@https://legacy.forums.gravityhelp.com/ <p>I'm having a small formatting issue while using wp touch pro with gravity forms. One of my fields is cut off at the right side of the page....the site is <a href="http://paulson-insurance.info/contact-us/" rel="nofollow">http://paulson-insurance.info/contact-us/</a> ...but that wont show you the mobile version, so here is a screenshot:</p> <p><a href="http://paulson-insurance.info/screenshot_iphone.PNG" rel="nofollow">http://paulson-insurance.info/screenshot_iphone.PNG</a></p> <p>WP Touch comes with CSS styling built in for gravity forms, but they don't include anything for the right margin. This is what WP Touch has built into their compact.css:</p> <pre><code>[css] /* @group Gravity Forms */ .gform_wrapper li, .gform_wrapper form li{ list-style-type:none!important; padding-left: 30px; } .gform_wrapper .gform_footer { margin-top: 0; margin-left: 20px; } /* @end */</code></pre> <p>I added code that I found in the forum to fix the left side of the fields being cutoff...add this to wptouchpro/style.css:</p> <pre><code>[css] body.wptouch-pro .post .gform_wrapper .gform_body ul.gform_fields {text-indent:0!important; margin:0; padding:0} body.wptouch-pro .post .gform_wrapper .gform_body ul.gform_fields li {padding-left:0!important}</code></pre> <p>what do I have to add to fix the right side? </p>