https://legacy.forums.gravityhelp.com/topic/better-way-to-style-credit-card-fields Gravity Support Forums Topic: Better way to style credit card fields? en-US Sun, 19 Apr 2026 18:40:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/better-way-to-style-credit-card-fields#post-171259 Thu, 14 Mar 2013 11:22:29 +0000 Chris Hajer 171259@https://legacy.forums.gravityhelp.com/ <p>Thanks for the update. </p> https://legacy.forums.gravityhelp.com/topic/better-way-to-style-credit-card-fields#post-170527 Wed, 13 Mar 2013 22:49:29 +0000 hmdev 170527@https://legacy.forums.gravityhelp.com/ <p>Sorry for the long delay. It was the plugin. It was a custom script used by a friend to connect to a proprietary payment system; not an official add-on. All is fixed. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/better-way-to-style-credit-card-fields#post-148204 Sun, 17 Feb 2013 01:54:26 +0000 Chris Hajer 148204@https://legacy.forums.gravityhelp.com/ <p>Please let us know what add-on it turned out to be, if that was the conflict. </p> https://legacy.forums.gravityhelp.com/topic/better-way-to-style-credit-card-fields#post-146696 Wed, 13 Feb 2013 16:46:42 +0000 hmdev 146696@https://legacy.forums.gravityhelp.com/ <p>I'm seeing now that this may have been caused by an add-on altering the default credit card fields. I'll swing back here if that's not the case. </p> https://legacy.forums.gravityhelp.com/topic/better-way-to-style-credit-card-fields#post-146693 Wed, 13 Feb 2013 16:43:24 +0000 Rob Harrell 146693@https://legacy.forums.gravityhelp.com/ <p>I'm not seeing any inline styles when I view the source of one my test forms on my dev site. <a href="https://www.evernote.com/shard/s212/sh/71cc3c94-ed7d-46fb-b64b-6635501fb110/14c81a6cdd82ffd98c33e9cbadd37b65" rel="nofollow">Screenshot</a></p> <p>Also - what exactly are you trying to do to the credit card field in terms of styling? There are plenty of classes and IDs here to hook into. Do you have a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/better-way-to-style-credit-card-fields#post-146690 Wed, 13 Feb 2013 16:29:21 +0000 hmdev 146690@https://legacy.forums.gravityhelp.com/ <p>I was surprised to find that the credit card field built into Gravity Forms is extraordinarily hard to style, for two reasons. First, there are inline styles - with the !important declaration, no less - hard coded into some of the input elements. Second, there is no class name on the expiration date container or on the individual month/year select elements within it.</p> <p>Because of this, I had to hook into the credit card field input with 'gform_field_content'. Then I had to write a horrendous little script which uses DOMDocument to strip out style tags and add classes to some of the elements. It was either this or do it with JavaScript, which I did not want to do.</p> <p>Here is that script: <a href="http://pastebin.com/vmBLKgWu" rel="nofollow">http://pastebin.com/vmBLKgWu</a></p> <p>I'm pasting this here because I really hope that I'm missing something, and that there is a better way to do what I'm attempting. Please let me know if this is not the case. </p>