https://legacy.forums.gravityhelp.com/topic/css-styles-on-form Gravity Support Forums Topic: CSS styles on form en-US Thu, 09 Apr 2026 04:22:55 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-styles-on-form#post-35366 Wed, 14 Sep 2011 22:32:42 +0000 ironmal 35366@https://legacy.forums.gravityhelp.com/ <p>You The Man !! Thanks Kevin. </p> <p>Best Regards, Mal </p> https://legacy.forums.gravityhelp.com/topic/css-styles-on-form#post-35334 Wed, 14 Sep 2011 16:18:40 +0000 Kevin Flahaut 35334@https://legacy.forums.gravityhelp.com/ <p>Yeah, I noticed but I forgot to mention that earlier, I didn't inspect your CSS to be sure, but I'm guessing that you have the "output HTML5" option on and I'm sure that your theme CSS has applied the border style to the text input type ( input[type=text] ) specifically.</p> <p>The thing is, if that the email and phone fields are new input types ( tel and email ) in HTML 5 so you'll need to add them to that rule. You can locate the rule in your styles that adds the border, then add these in as well.. something like this.</p> <pre><code>[css] body .gform_wrapper input[type=tel], body .gform_wrapper input[type=email] { border: red; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-styles-on-form#post-35332 Wed, 14 Sep 2011 16:06:28 +0000 ironmal 35332@https://legacy.forums.gravityhelp.com/ <p>You were right about the cache. On both my Mac and PC. I rebuilt the form several times and I'm still having display problems with some of the fields. Although it looks the same on all the browsers I used. I'll test it later on Adobe Browser Labs. I can use another contact form on this site to get it launched but I want to get Gravity working on it perfectly moving forward do build online applications. Any idea on the latest display prob where the phone and email fields do not have any background?</p> <p>Best Regards, Mal </p> https://legacy.forums.gravityhelp.com/topic/css-styles-on-form#post-35292 Wed, 14 Sep 2011 13:35:46 +0000 Chris Hajer 35292@https://legacy.forums.gravityhelp.com/ <p>No arrows here in Chrome on Linux. </p> https://legacy.forums.gravityhelp.com/topic/css-styles-on-form#post-35241 Wed, 14 Sep 2011 08:30:45 +0000 Kevin Flahaut 35241@https://legacy.forums.gravityhelp.com/ <p>I checked 3 browsers and don't see any bullet images/arrows. It looks like your styles are being applied.</p> <p>screenshot: <a href="http://bit.ly/qqjVgI" rel="nofollow">http://bit.ly/qqjVgI</a></p> <p>Try clearing your browser cache and see if that helps out. </p> https://legacy.forums.gravityhelp.com/topic/css-styles-on-form#post-35240 Wed, 14 Sep 2011 08:16:55 +0000 ironmal 35240@https://legacy.forums.gravityhelp.com/ <p>Hello everyone - I have a test site and a form at<br /> <a href="http://j74.net/contact/" rel="nofollow">http://j74.net/contact/</a><br /> There are arrows on each of the form elements even though I added this to the bottom of the main stylesheet</p> <pre><code>[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 }</code></pre> <p>Any help with this will be appreciated. Thanks !! Regards - Mal </p>