https://legacy.forums.gravityhelp.com/topic/layout-within-credit-card-sectin Gravity Support Forums Topic: Layout within "Credit Card" section en-US Mon, 20 Apr 2026 01:13:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/layout-within-credit-card-sectin#post-56169 Mon, 23 Apr 2012 10:20:56 +0000 Rob Harrell 56169@https://legacy.forums.gravityhelp.com/ <p>Right on, try dropping this into your theme's stylesheet:</p> <pre><code>[css] #input_6_13_5, #input_6_13_1 { float: right; width: 70% !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/layout-within-credit-card-sectin#post-56129 Sun, 22 Apr 2012 12:38:39 +0000 kraft 56129@https://legacy.forums.gravityhelp.com/ <p>Thanks - the form can be seen at <a href="http://utcatholic.org/match" rel="nofollow">http://utcatholic.org/match</a></p> <p>I think the CSS + language change would be helpful. Thanks for the quick response! </p> https://legacy.forums.gravityhelp.com/topic/layout-within-credit-card-sectin#post-56125 Sun, 22 Apr 2012 09:12:46 +0000 Rob Harrell 56125@https://legacy.forums.gravityhelp.com/ <p>You could rearrange some of it with CSS, like this here: <a href="http://grab.by/de3C" rel="nofollow">http://grab.by/de3C</a></p> <p>If you want to share a link, I can whip that up for you if this works?</p> <p>You can also use these hooks to change the text:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_card_name" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_card_name</a><br /> <a href="http://www.gravityhelp.com/documentation/page/Gform_card_number" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_card_number</a><br /> <a href="http://www.gravityhelp.com/documentation/page/Gform_card_security_code" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_card_security_code</a><br /> <a href="http://www.gravityhelp.com/documentation/page/Gform_card_expiration" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_card_expiration</a> </p> https://legacy.forums.gravityhelp.com/topic/layout-within-credit-card-sectin#post-56096 Sat, 21 Apr 2012 12:21:50 +0000 kraft 56096@https://legacy.forums.gravityhelp.com/ <p>I haven't done any custom GF dev work, so wanted to ping this group before spending too much time on a goose hunt...</p> <p>Using the Authorize Plug-In, I have a form on a client site with the special "Credit Card" field. Is there any way to modify the layout of that mutli-field section?</p> <p>Specifically, multiple donors have complained of the system being down because they are entering the CC number in the name field. I agree that the layout is confusing with credit card logos, then name, then number. Is there a way to either move the logos to between the name and number, or move the name to after the expiry/cvc info?</p> <p>Ideally, I'd like something that would be upgrade-friendly (e.g. not modifying core GF or GF+Authorize files) and as simple as possible. A layout of Name, Logos, Number, Expiry, etc would be my first choice.</p> <p>Any suggestions, pointers, etc? </p> <p>Thanks in advance! </p>