https://legacy.forums.gravityhelp.com/topic/why-doesnt-this-form-have-a-uniform-style Gravity Support Forums Topic: Why doesn't this form have a uniform style? en-US Mon, 20 Apr 2026 01:25:45 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/why-doesnt-this-form-have-a-uniform-style#post-42042 Wed, 23 Nov 2011 18:43:57 +0000 Rob Harrell 42042@https://legacy.forums.gravityhelp.com/ <p>For #1 - I'm assuming you are talking about the drop down at the top? You should be able to target that just as we did with the input types above apply the CSS or styling you are looking to have.</p> <p>For #2 - SInce I can't see the file structure very well of your theme without being inside, update the path of the background: to: <a href="http://thinkbigfactory.com/test/wp-content/themes/Envisioned/epanel/page_templates/images/contact_input.png" rel="nofollow">http://thinkbigfactory.com/test/wp-content/themes/Envisioned/epanel/page_templates/images/contact_input.png</a></p> <p>That will show the shadowing.</p> <p>For the submit button, if you want to use images instead of text you need to do that on the form settings:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Form_Settings" rel="nofollow">http://www.gravityhelp.com/documentation/page/Form_Settings</a></p> <p>You can pull off that style though with CSS - you wouldn't need to use an image to do so. </p> https://legacy.forums.gravityhelp.com/topic/why-doesnt-this-form-have-a-uniform-style#post-42004 Wed, 23 Nov 2011 12:28:26 +0000 jGalt 42004@https://legacy.forums.gravityhelp.com/ <p>Thank you for your reply. I am a newbie and that helped me a lot. </p> <p>I am still stuck on a few issues:<br /> <a href="http://tinyurl.com/77fdqk8" rel="nofollow">http://tinyurl.com/77fdqk8</a></p> <p>1.) Where can I edit the appearance on the multi-select field?</p> <p>2.) What do I need to edit so the shadow image on the inside of the fields shows? I tried setting the field color to transparent but there was still no image inside. </p> <p>3.) I have created a custom submit button on the bottom of my form using a shortcode from my theme. I assume the button is being generated by CSS and it's nto an image. Is there a way that I can make this the form's submit button and hide the Gravity Form submit button? </p> https://legacy.forums.gravityhelp.com/topic/why-doesnt-this-form-have-a-uniform-style#post-41855 Tue, 22 Nov 2011 09:03:02 +0000 Rob Harrell 41855@https://legacy.forums.gravityhelp.com/ <p>Your contact us form is not a gravity form, therefore it has it's own styling. You can easily pull this off with CSS by applying similar styles to Gravity Forms, this should get you started, if you want to place this into your theme's stylesheet:</p> <pre><code>[css] .gform_wrapper input[type=&quot;text&quot;], .gform_wrapper input[type=&quot;url&quot;], .gform_wrapper input[type=&quot;email&quot;], .gform_wrapper input[type=&quot;tel&quot;], .gform_wrapper input[type=&quot;number&quot;], .gform_wrapper input[type=&quot;password&quot;] { background: url(images/contact_input.png) repeat-x #F7F7F7 !important; border: 1px solid #CCC !important; width: 100% !important; color: #111 !important; padding: 8px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/why-doesnt-this-form-have-a-uniform-style#post-41843 Tue, 22 Nov 2011 03:43:55 +0000 jGalt 41843@https://legacy.forums.gravityhelp.com/ <p>Here is the user registration page: <a href="http://tinyurl.com/77fdqk8" rel="nofollow">http://tinyurl.com/77fdqk8</a> Please let me know if you would like admin access. </p> https://legacy.forums.gravityhelp.com/topic/why-doesnt-this-form-have-a-uniform-style#post-41842 Tue, 22 Nov 2011 03:41:54 +0000 jGalt 41842@https://legacy.forums.gravityhelp.com/ <p>Ideally, I would like the form to have the same appearance as the theme's contact page that you can view here: <a href="http://tinyurl.com/6tj5bz8" rel="nofollow">http://tinyurl.com/6tj5bz8</a> </p> https://legacy.forums.gravityhelp.com/topic/why-doesnt-this-form-have-a-uniform-style#post-41833 Tue, 22 Nov 2011 02:41:58 +0000 Chris Hajer 41833@https://legacy.forums.gravityhelp.com/ <p>Please provide a URL to the site online. Thank you.</p> <p>I'm going to guess there are some styles in your theme's stylesheet that are causing this. But we need to see it live to know if that's the case. </p> https://legacy.forums.gravityhelp.com/topic/why-doesnt-this-form-have-a-uniform-style#post-41831 Tue, 22 Nov 2011 02:20:25 +0000 jGalt 41831@https://legacy.forums.gravityhelp.com/ <p>I am creating my first form with the user registration add on. Can someone please tell me why the same type of fields within a single form do not have a uniform style?</p> <p>Notice how the field size and the spacing between the labels varies:<br /> <a href="http://web.me.com/shovebox/filechute/gf_reg_formatting_problem.png" rel="nofollow">http://web.me.com/shovebox/filechute/gf_reg_formatting_problem.png</a> </p>