https://legacy.forums.gravityhelp.com/topic/making-this-form Gravity Support Forums Topic: Making this form en-US Thu, 23 Apr 2026 12:44:36 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/making-this-form#post-47671 Sat, 28 Jan 2012 17:11:42 +0000 Rob Harrell 47671@https://legacy.forums.gravityhelp.com/ <p>You could always position the submit button with a float and a negative margin, or you could position it absolutely, this was just a quick test in chrome dev tools:</p> <pre><code>[css] .gform_footer.top_label { float: right; margin-top: -46px; }</code></pre> <p>You can get more specific on that selector if you don't want it to take place on all forms, the above is a more generic selector.</p> <p>I viewed your source and see the JS snippet for the value clear, but don't see any reference to a jquery file itself, which you will need in tandem.</p> <p>As far as the input goes, <strike>you can target the input to have a color (right now the placeholder is using that same input color because there is no difference HTML/CSS-wise between the two). There are some techniques out there that will allow you to place the label in the input as placeholder text and then you could try clearing that and using the input color for a different style. Seems like an awful-lot of trouble for that, but if that's what you'd like to do - go for it my friend.</strike></p> <p>Must have had a dead brain moment, you should be able to target the input {} and then input:focus {}</p> <pre><code>[css] body.custom #block-2 input#input_1_1.large { color: red; } body.custom #block-2 input#input_1_1.large:focus { color: green; }</code></pre> https://legacy.forums.gravityhelp.com/topic/making-this-form#post-47645 Sat, 28 Jan 2012 09:50:23 +0000 Rob Harrell 47645@https://legacy.forums.gravityhelp.com/ <p>Anyway you can post a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/making-this-form#post-47631 Sat, 28 Jan 2012 00:56:23 +0000 tanksalot 47631@https://legacy.forums.gravityhelp.com/ <p>I got some help over at Headway. There is no need to add a header.php as there is a place to add the script in the back end. That part is done.</p> <p>Question 1: Where can I target the placeholder text (only) to change its color. I am not seeing it in the CSS without it changing the text color of what the user would enter.</p> <p>Question 2: Is this working correctly? The text does not disappear. It did the first few times but no longer, and it never did with iOS hardware.</p> <p>Question 3: I'm still having trouble getting the button next to and inside the border with the placeholder text (and for some reason I have forgotten how to add a link here). Are we sure this can be done?</p> <p>Question 4: If I find that Q.3 cannot be done the next option is to allow the person to enter their email address in the field and just hit the enter button on their keyboard. The placeholder text would read: "Enter your email, the press enter". Is this possible and if so, how? </p> https://legacy.forums.gravityhelp.com/topic/making-this-form#post-47549 Fri, 27 Jan 2012 14:33:07 +0000 tanksalot 47549@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob.<br /> I was hoping I didn't have to use that first tutorial because I really don't know how to implement it within Headway Theme v.3. I've made a child theme with just the basic files needed to do so ( functions.php, images folder, and styles.css). Do I need to create a header.php now? </p> <p>I figured CSS would be the ticket for moving the .button inline. I just haven't figured out how to move it into the field. Any thoughts? </p> https://legacy.forums.gravityhelp.com/topic/making-this-form#post-47537 Fri, 27 Jan 2012 13:47:37 +0000 Rob Harrell 47537@https://legacy.forums.gravityhelp.com/ <p>This should help you out with your placeholder text:</p> <p><a href="http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/" rel="nofollow">http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/</a></p> <p>You should also be able to position your submit button via CSS.</p> <p>Here is a reference: <a href="http://www.gravityhelp.com/resources/cssguide/css_guide.html" rel="nofollow">http://www.gravityhelp.com/resources/cssguide/css_guide.html</a> </p> https://legacy.forums.gravityhelp.com/topic/making-this-form#post-47534 Fri, 27 Jan 2012 13:32:21 +0000 tanksalot 47534@https://legacy.forums.gravityhelp.com/ <p>I would like to make a form like the subscription form at <a href="http://www.projectrev2012.com/" rel="nofollow">http://www.projectrev2012.com/</a> There is a placeholder and the send button looks to be inside the text field. I've gotten to the point that I have a text field, "Enter your email here" above the field, and a subscribe button below it. I've also put an HTML box beneath the field for the "You can also Subscribe to our RSS feed" bit. I know HTML 5 allows for placeholders and GF is not yet supporting that. As far as I can tell either is that form. How is it done? Can it be done with GF? Can someone walk me through the process of making that form (short of using that other plugin). If so, what need to be done? </p>