https://legacy.forums.gravityhelp.com/topic/newbie-to-css Gravity Support Forums Topic: Newbie to CSS en-US Tue, 21 Apr 2026 10:21:18 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/newbie-to-css#post-29909 Wed, 13 Jul 2011 16:10:56 +0000 Kevin Flahaut 29909@https://legacy.forums.gravityhelp.com/ <p>Sure, once the form is rendered the markup/structure is the same no matter which method you use to actually embed it. If you're using the php function call method to embed the form, you'll need to remember to manually enqueue the scripts as detailed in the documentation on the page below.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gravity_form_enqueue_scripts</a> </p> https://legacy.forums.gravityhelp.com/topic/newbie-to-css#post-29901 Wed, 13 Jul 2011 15:41:57 +0000 NTMedia 29901@https://legacy.forums.gravityhelp.com/ <p>hello - just a quick question. I think this CSS guide will do the trick, but before I dive in, will it still work similarly if you're placing the form in manually via the html how you discuss here? <a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a></p> <p><a href="http://kaizendev.pairserver.com/ntunemedia/#contact-border" rel="nofollow">http://kaizendev.pairserver.com/ntunemedia/#contact-border</a></p> <p>I'm also using the thesis theme fwiw </p> https://legacy.forums.gravityhelp.com/topic/newbie-to-css#post-29730 Mon, 11 Jul 2011 18:09:56 +0000 Kevin Flahaut 29730@https://legacy.forums.gravityhelp.com/ <p>Great David, Glad I could point you in the right direction. </p> https://legacy.forums.gravityhelp.com/topic/newbie-to-css#post-29728 Mon, 11 Jul 2011 18:07:13 +0000 David Plum 29728@https://legacy.forums.gravityhelp.com/ <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>Awesome, Kevin. That was exactly what I was looking for. Thanks! :) </p> https://legacy.forums.gravityhelp.com/topic/newbie-to-css#post-29726 Mon, 11 Jul 2011 18:03:27 +0000 Kevin Flahaut 29726@https://legacy.forums.gravityhelp.com/ <p>Okay, sounds like you were on the right track with the button styling. I don't see any yellow glow so it must be a browser style that you're seeing there but the same goes for the input elements. Simply add some new rules with additional padding &amp; font size properties to emulate the look of the theme styles.</p> <p>You can find examples of how to properly target and manipulate all of the form elements here.</p> <p><a href="http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples</a></p> <p>and there's also a visual guide here to help you get the lay of the land when it comes to the form structure if you need.</p> <p><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/newbie-to-css#post-29722 Mon, 11 Jul 2011 17:57:24 +0000 David Plum 29722@https://legacy.forums.gravityhelp.com/ <p>Hello Kevin,</p> <p>I styled the submit button on the Gravity Form (through the custom css file) to replicate the submit button shown in the comment section. I have now changed things back to default.</p> <p>Take a look at <a href="http://66.147.244.62/~freakstr/?p=43" rel="nofollow">http://66.147.244.62/~freakstr/?p=43</a> again. </p> <p>Notice how the input fields actually has borders. Notice how these borders also change in color when the fields are focused (they get a yellow glow). As you can see the fields are also a bit higher and the text size is larger.</p> <p>At last, as you may notice now, the submit button looks different. </p> https://legacy.forums.gravityhelp.com/topic/newbie-to-css#post-29710 Mon, 11 Jul 2011 17:24:42 +0000 Kevin Flahaut 29710@https://legacy.forums.gravityhelp.com/ <p>David, your forms look very similar to me. To begin with, Gravity Forms has very little default styling for inputs so the borders, background colors and button styles that you're seeing are coming from the Thesis theme already.</p> <p>What is it in particular that you want to change? </p> https://legacy.forums.gravityhelp.com/topic/newbie-to-css#post-29707 Mon, 11 Jul 2011 17:09:15 +0000 David Plum 29707@https://legacy.forums.gravityhelp.com/ <p>Hello.</p> <p>I am running the Thesis theme at my website and I wish to use the build in css for forms instead of the Gravity default.</p> <p>This is the styles I would like to use (comment section): <a href="http://66.147.244.62/~freakstr/?p=43" rel="nofollow">http://66.147.244.62/~freakstr/?p=43</a></p> <p>This is the form (among many) I would like to change: <a href="http://66.147.244.62/~freakstr/?page_id=122" rel="nofollow">http://66.147.244.62/~freakstr/?page_id=122</a></p> <p>I do know how to change the style of each form in Gravity through my custom CSS file. However, is there a way to customize EVERY input field and not just one at a time (.medium, .large ect)?</p> <p>Also, how come the thesis css does not take over when I disable the default CSS in the Gravity Form settings?</p> <p>Thanks,</p> <p>David </p>