https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do Gravity Support Forums Topic: Theme Conflict. What to do? en-US Sun, 19 Apr 2026 19:06:07 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-30068 Thu, 14 Jul 2011 22:54:33 +0000 Kevin Flahaut 30068@https://legacy.forums.gravityhelp.com/ <p>Great Justin. We're happy we could help. </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-30065 Thu, 14 Jul 2011 21:29:21 +0000 Justin Alvarez 30065@https://legacy.forums.gravityhelp.com/ <p>Talked to the developer. He's working on the update now. Thanks for all the help guys. </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-30045 Thu, 14 Jul 2011 17:28:46 +0000 Kevin Flahaut 30045@https://legacy.forums.gravityhelp.com/ <p>Yep, you've turned off the background image that was being applied to the submit element (see site.css line 1836)</p> <p>You'll need to remove that rule, the set the border on the element to none. After that, you'll need to tweak the properties to define a height so the background image is positioned properly.</p> <p>Looking at your background image, it appears that it's intended to be used as a "<a href="http://css-tricks.com/158-css-sprites/" rel="nofollow">CSS sprite</a>" with multiple states (active, focus, etc). That's not going to work quite the same with how the form is structured here. You can talk with your theme provider about alternate ways to style this, but the easiest thing is going to be for you to simply create a new button image and apply it in the form settings.</p> <p>If you really need to use the original sprite "<a href="http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx" rel="nofollow">sliding doors</a>" technique, then you can use this filter to change the form markup to accommodate that.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Gform_submit_button" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_submit_button</a> </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-30037 Thu, 14 Jul 2011 17:16:13 +0000 Justin Alvarez 30037@https://legacy.forums.gravityhelp.com/ <p>Ok getting close. </p> <p>Got everything aligned but the button looks like a rectangle. Any ideas how to fix that?<br /> Link:<br /> <a href="http://www.carolina-clean.com/bid" rel="nofollow">http://www.carolina-clean.com/bid</a> </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-29982 Thu, 14 Jul 2011 11:10:44 +0000 Kevin Flahaut 29982@https://legacy.forums.gravityhelp.com/ <p>Like Chris mentioned, the problem is with blanket CSS rules being applied to all inputs and labels by your theme. If you look at the theme stylesheet, site.css (line 436) floats all inputs to the left and again in the site.css file (line 463) the rule is floating the labels and constraining the label width to 140px wide.</p> <p>If you disable these properties, you'll see that the form formatting is corrected.</p> <p>screenshot: <a href="http://bit.ly/ozENQG" rel="nofollow">http://bit.ly/ozENQG</a></p> <p>The easiest way to remedy your issue (and probably future form formatting issues) is to remove those properties from your stylesheet. If you don't want to do that, you'll need to use better inheritance and target the forms with some new CSS rules to override the theme styles.</p> <p>You can find information and examples on how to properly do that in the documentation 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>If you're not sure where to put your CSS, you'll probably need to contact your theme provider for guidance. You should be able to append any new CSS rules to the end of the site.css file. Beyond that, you shouldn't need to re-upload the entire theme to your WordPress installation. Dreamweaver should let you make a normal FTP connection and then edit/upload individual files directly. If you're not sure how to do that, you'll probably do well searching google for a quick tutorial.</p> <p>If you get stuck, you may consider contracting a developer to help you out. Here's a good place to start looking for someone if you need.</p> <p><a href="http://wpcandy.com/pros/experienced/with-gravity-forms" rel="nofollow">http://wpcandy.com/pros/experienced/with-gravity-forms</a> </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-29979 Thu, 14 Jul 2011 10:55:05 +0000 Justin Alvarez 29979@https://legacy.forums.gravityhelp.com/ <p>Ok just sent it over. </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-29977 Thu, 14 Jul 2011 10:45:54 +0000 Chris Hajer 29977@https://legacy.forums.gravityhelp.com/ <p>If you send an admin log in to your WordPress site using our <a href="http://www.gravityhelp.com/contact-us/" rel="nofollow">Contact Form</a> someone will be able to help you make those changes for you. Thanks for hanging in there. </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-29972 Thu, 14 Jul 2011 09:42:31 +0000 Justin Alvarez 29972@https://legacy.forums.gravityhelp.com/ <p>Ok I made the changes in the site.css using Dreamweaver. But when I go to upload the new theme zip I get "do you want to do this" please try again. What's going on? </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-29970 Thu, 14 Jul 2011 08:46:42 +0000 Justin Alvarez 29970@https://legacy.forums.gravityhelp.com/ <p>I have no clue where to change these. I bought this theme from themeforest. Where do I make these changes? </p> https://legacy.forums.gravityhelp.com/topic/theme-conflict-what-to-do#post-29958 Thu, 14 Jul 2011 01:02:43 +0000 Chris Hajer 29958@https://legacy.forums.gravityhelp.com/ <p>Looks like the #contact-form styles starting on line 436 are not specific enough and apply to all form elements, not just the contact form elements as designed.</p> <p>I took lines 434 through 496 and made them apply specifically to the #contact-form elements. You can copy and replace just those lines with these lines:<br /> <a href="http://pastie.org/pastes/2210808/text" rel="nofollow">http://pastie.org/pastes/2210808/text</a></p> <p>The part to replace runs from this line:<br /> <strong>#contact-form { width:450px; }</strong></p> <p>to this line:<br /> <strong>/* end-contact */</strong></p> <p>That takes care of most of the layout problems.</p> <p>The background image for the submit button is coming from a background image applied to all input buttons. Try overriding it by adding this to the end of your site.css:</p> <pre><code>.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=&quot;submit&quot;] { background-image: none; }</code></pre> <p>See if that gets you headed in the right direction. </p>