https://legacy.forums.gravityhelp.com/topic/overriding-css Gravity Support Forums Topic: Overriding CSS en-US Mon, 20 Apr 2026 05:08:22 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34244 Fri, 02 Sep 2011 12:43:38 +0000 Kevin Flahaut 34244@https://legacy.forums.gravityhelp.com/ <p>If you can figure out where to add the styles okay, this should be an easy fix. We'll be happy to help all we can. </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34243 Fri, 02 Sep 2011 12:39:34 +0000 chantalkb 34243@https://legacy.forums.gravityhelp.com/ <p>Thanks for your help. I know it has something to do with the theme and will put my effort in it to make it work. </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34242 Fri, 02 Sep 2011 12:28:27 +0000 Kevin Flahaut 34242@https://legacy.forums.gravityhelp.com/ <p>This doesn't have anything to do with editing the gravity forms CSS. Your theme developer blew you off apparently.</p> <p>The fact is that your style.css file that you've been trying to edit isn't being called on your page. That's a problem with your theme, not the plugin. I DO see that the Gravity Forms styles have been added to some stylesheet, but that the default forms.css file isn't being loaded. Either the "output CSS" option is turned off in your form settings, or you theme doesn't include the wp_head() function needed to load the styles into the page. If the option is turned on, then it's a problem with your theme.</p> <p>Also, we recommend that you don't make any changes to the default form styles because those are automatically overwritten when you do an update on the plugin. You'd end up losing your changes. That's why we recommend putting any custom styles in your theme stylesheet so you don't lose all your hard work.</p> <p>Basically, you need to find out how to add the custom styles to the one stylesheet that IS being loaded properly.</p> <p><a href="http://roseonahouse.com/wp-content/w3tc/min/4abeaa3c.349fba.css" rel="nofollow">http://roseonahouse.com/wp-content/w3tc/min/4abeaa3c.349fba.css</a></p> <p>I'm not familiar with your theme so I can't tell you how to actually do that.. it looks like it's being generated dynamically from somewhere. Maybe your theme developer can at least tell you how to edit that. </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34234 Fri, 02 Sep 2011 11:35:54 +0000 chantalkb 34234@https://legacy.forums.gravityhelp.com/ <p>Good morning,</p> <p>I consulted the theme developer and he basically told me that he wasn't sure and told me to edit gravity form css... Isn't there a way that I can call the css on the page? </p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34191 Thu, 01 Sep 2011 22:28:15 +0000 Kevin Flahaut 34191@https://legacy.forums.gravityhelp.com/ <p>No worries. We'll make it behave. Let's try more specific CSS. Copy this exactly as it is and replace the other block. You shouldn't need to redefine those other bits.</p> <pre><code>[css] body #gform_wrapper_1.gform_wrapper { margin: 0 10px!important }</code></pre> <p>Give that a shot and let me know how it goes.</p> <p>EDIT: You know, I decided to look again at your markup and realized the style.css file isn't being called on the page. It won't matter what you put in that file if it's not being referenced in the page markup. You may need to consult with your theme developer and find out where they recommend putting custom styles because it looks like the style.css file isn't gonna do it. </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34188 Thu, 01 Sep 2011 21:22:54 +0000 chantalkb 34188@https://legacy.forums.gravityhelp.com/ <p>I see what you are saying is right and I tried to apply the code in style.css in the delicate theme.</p> <p>screenshot: <a href="http://i.imgur.com/Jpqhd.jpg" rel="nofollow">http://i.imgur.com/Jpqhd.jpg</a></p> <p>I have no idea what I do wrong... </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34186 Thu, 01 Sep 2011 20:56:46 +0000 Kevin Flahaut 34186@https://legacy.forums.gravityhelp.com/ <p>The only rule I see being applied is wrong for what you're trying to do ( top &amp; bottom margins and no side margins ) . I don't see one at the end of the stylesheet.. are you sure you've added it to the right stylesheet?</p> <p>screenshot: <a href="http://bit.ly/p3a0Tu" rel="nofollow">http://bit.ly/p3a0Tu</a></p> <p>You can see that if the proper rule exists and the browser renders it, it works.</p> <p>screenshot: <a href="http://bit.ly/o6rACW" rel="nofollow">http://bit.ly/o6rACW</a> </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34184 Thu, 01 Sep 2011 20:14:47 +0000 chantalkb 34184@https://legacy.forums.gravityhelp.com/ <p>I added the line at the end of my stylesheet, but the form is not moving to the right. Any idea why? </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34179 Thu, 01 Sep 2011 17:53:18 +0000 Kevin Flahaut 34179@https://legacy.forums.gravityhelp.com/ <p>Try adding this to the end of your theme stylesheet. Your theme is overriding the default form margins. This will reset it.</p> <pre><code>[css] body .gform_wrapper { margin: 0 10px; }</code></pre> <p>screenshot: <a href="http://bit.ly/nnfyDw" rel="nofollow">http://bit.ly/nnfyDw</a> </p> https://legacy.forums.gravityhelp.com/topic/overriding-css#post-34177 Thu, 01 Sep 2011 17:15:48 +0000 chantalkb 34177@https://legacy.forums.gravityhelp.com/ <p>I need a quick fix to move my contact form about 10px to the right, so that it is inline with the rest of my page. I tried to override it by adding a css class, but without luck. I also tried to turn of the output CSS and copying and pasting the content from forms.css into my style.css, but that screwed up my layout. Can you tell me the best way to do this? My page url is <a href="http://roseonahouse.com/thank-you-for-your-payment" rel="nofollow">http://roseonahouse.com/thank-you-for-your-payment</a>.</p> <p>Thanks </p>