https://legacy.forums.gravityhelp.com/topic/stylelize-input-form Gravity Support Forums Topic: Stylelize input form en-US Sun, 19 Apr 2026 19:55:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/stylelize-input-form#post-103157 Sun, 16 Dec 2012 09:56:17 +0000 viennalimos 103157@https://legacy.forums.gravityhelp.com/ <p>You mentioned firebug which no one can live without it , it will give you everything you need with a very little knowledge of CSS .<br /> use the following code and your field will look exactly as your search field .</p> <pre><code>.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { border: 1px solid #DDDDDD; color: #818181; font-size: 13px; padding: 10px 10px 10px 18px; width: 168px; } .gform_wrapper .gform_footer { clear: both; margin: 0; padding: 10px 0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/stylelize-input-form#post-103069 Sun, 16 Dec 2012 01:26:50 +0000 slui 103069@https://legacy.forums.gravityhelp.com/ <p>Now that the height is correct, how do I go about doing the following:</p> <p>1. Shifting the textarea up -15px so that I minimize the space above and it is consistent with all the other titles in the footer with space below it.</p> <p>2. Adjusting the left side and right side padding so that the text is similar to the text inside the search form (higher up on the page).</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/stylelize-input-form#post-103067 Sun, 16 Dec 2012 01:11:26 +0000 slui 103067@https://legacy.forums.gravityhelp.com/ <p>Thanks so much viennalimos. It worked nicely. Where did you find this in the documentation? I didn't see the use of .top_label input.large, etc.. </p> <p>Can you also explain to me why I have to do this? Why the input, select and textarea? I want to learn so that I can do this next time. Thanks. </p> https://legacy.forums.gravityhelp.com/topic/stylelize-input-form#post-103058 Sun, 16 Dec 2012 00:03:34 +0000 viennalimos 103058@https://legacy.forums.gravityhelp.com/ <p>slui</p> <p>if you want to increase the size of that input field and change the border just use the following and not no. 2<br /> <pre><code>.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { border: 1px solid yellow; padding: 11px 0; width: 99.2%; }</code></pre> https://legacy.forums.gravityhelp.com/topic/stylelize-input-form#post-103015 Sat, 15 Dec 2012 14:40:01 +0000 slui 103015@https://legacy.forums.gravityhelp.com/ <p>I've made an attempt to isolate the issue and I've tried my best to use the documentation to stylize the white field box. For whatever reason, I'm only able to stylize the container itself but the container description</p> <p>1.<br /> body #gform_wrapper_6 .gform_body .gform_fields .gfield .gfield_description {border: 1px solid red}</p> <p>2.<br /> body .gform_wrapper .gform_body .gform_fields #field_6_1.gfield .ginput_container {border: 1px solid yellow; height: 38px;}</p> <p>I can get number 2 to work but not number one. Does anyone know why? Is this a bug?</p> <p>sl </p> https://legacy.forums.gravityhelp.com/topic/stylelize-input-form#post-102999 Sat, 15 Dec 2012 12:08:48 +0000 slui 102999@https://legacy.forums.gravityhelp.com/ <p>Okay..I've managed to use Firebug to help me pinpoint the input container and I also manage to style it the way I want within Firebug.</p> <p>&lt;input id="input_3_1" class="medium " type="text" tabindex="1" value="" name="input_1" style="height: 16px; padding-top: 10px; padding-bottom: 10px; margin-top: -12px; width: 185px; padding-left: 2px;"&gt;</p> <p>How do I go about creating the appropriate CSS to execute this?</p> <p>I know that I need to target input_3_1 but I'm not sure how. I've looked in the documentation and have tried variations of what was there and I can't get the "style" to reflect in that one single box. Any help is greatly appreciated!!!! </p> https://legacy.forums.gravityhelp.com/topic/stylelize-input-form#post-102823 Fri, 14 Dec 2012 22:30:29 +0000 slui 102823@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I'm really struggling to get a single input form stylized to match up with the other form input in the template such as search. I've read the documentation and I'm not getting it. I would really appreciate someone who could help out by telling me how to stylize this one input field. </p> <p>I can then take this and stylize the rest. I've been working on this for 4 days and I'm at my wits end.</p> <p>Sorry, I'm just not that bright at this. I've also used firebug to help me try to pinpoint the exact css to use and it hasn't helped.</p> <p>You can scroll to the bottom of the page and see the subscriber form here.</p> <p><a href="http://bit.ly/UYESZ6" rel="nofollow">http://bit.ly/UYESZ6</a></p> <p>Thanks in advance. </p>