https://legacy.forums.gravityhelp.com/topic/styling-forms-1 Gravity Support Forums Topic: Styling Forms en-US Mon, 20 Apr 2026 13:25:06 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60311 Thu, 24 May 2012 15:43:11 +0000 scotthartis 60311@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob. Just sent you an email... </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60309 Thu, 24 May 2012 15:25:43 +0000 Rob Harrell 60309@https://legacy.forums.gravityhelp.com/ <p>No problem. As I said above: You will always want to place CSS into your theme's stylesheet. Each theme is different, so sometimes they are setup with custom.css files and others you can just place them in style.css like you mentioned. That holds true. I'd have to see your WP Admin to tell you for certain where to place custom CSS. Can you send me a WP Admin login to <a href="mailto:rob@rocketgenius.com">rob@rocketgenius.com</a> - please reference this post in your email. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60307 Thu, 24 May 2012 15:22:11 +0000 scotthartis 60307@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob. I read some of the tutorials on how to change the wrapper earlier, but I'm just not sure where I actually add the code snippet you have above. Are you able to tell that from looking at my source code?</p> <p>In terms of the form size, I feel like it is a little too long on the page compared to the video. What do you think? I was thinking if I was able to create less space between each field, it might look better.</p> <p>Oh, and I'm glad you mentioned the piece about the Email and Phone fields background color. Do you know how to fix that? I obviously would like it to look like the other fields.</p> <p>Thanks so much for your help!!!! </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60303 Thu, 24 May 2012 15:13:18 +0000 Rob Harrell 60303@https://legacy.forums.gravityhelp.com/ <p>Sure thing, to target just this form's wrapper you could use:</p> <pre><code>[css] #gform_wrapper_1 { background-color: white; }</code></pre> <p>What do you mean when you say form size. Also, it looks like your theme is causing your Email and Phone field's inputs to not have a background-color or border. Are you looking to style the inputs and/or decrease spacing between each field? </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60299 Thu, 24 May 2012 15:08:01 +0000 scotthartis 60299@https://legacy.forums.gravityhelp.com/ <p>Alright Rob. I may have overestimated my abilities to track where everything is pulling from in my theme. Can you take a look at this link to my landing page and tell me how I would edit both the form size and also create a colored form wrapper?</p> <p>Thanks!</p> <p>Here's the link: <a href="http://www.expiredsupport.com" rel="nofollow">http://www.expiredsupport.com</a> </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60282 Thu, 24 May 2012 14:22:04 +0000 scotthartis 60282@https://legacy.forums.gravityhelp.com/ <p>Thanks David. I'm familiar with "view source" when right clicking from a browser. I thought maybe there was some other secret that I didn't know about! Based on your description, I feel pretty confident that I can take it from there and make the necessary changes.</p> <p>Thanks again! </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60270 Thu, 24 May 2012 12:55:06 +0000 David Peralty 60270@https://legacy.forums.gravityhelp.com/ <p>View source is a function of most web browsers. If you right click on a page, you should have an option to view source. You can then look through the code that makes up your page and figure out what CSS class is effecting which element and edit your style.css file in your theme. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60268 Thu, 24 May 2012 12:54:32 +0000 Rob Harrell 60268@https://legacy.forums.gravityhelp.com/ <p>You will always want to place CSS into your theme's stylesheet. Each theme is different, so sometimes they are setup with custom.css files and others you can just place them in style.css like you mentioned. If you need more specific help or get stuck, just post a link to your form and I can help you out. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-1#post-60266 Thu, 24 May 2012 12:45:48 +0000 scotthartis 60266@https://legacy.forums.gravityhelp.com/ <p>I'm really new to CSS, but found your examples in the documentation helpful. However, I can't determine where to actually make the changes. In this page: <a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a> it says to "simply view your source," but I'm not sure where to find that. Does this mean to view the source of my theme's style.css and edit it under the section labeled "Forms"?</p> <p>I'd specifically like to accomplish two things. 1. I'd like to decrease the spacing between lines (make the form a little smaller) and 2. Edit the form wrapper. Again, I think I've found the documentation to know the correct code, but I'm just not sure where to edit this. </p>