https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar Gravity Support Forums Topic: Size problem in sidebar en-US Tue, 21 Apr 2026 09:46:27 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31235 Sat, 30 Jul 2011 09:17:38 +0000 Kevin Flahaut 31235@https://legacy.forums.gravityhelp.com/ <p>Yes. The Woo Themes have added a default set of styles for Gravity Forms to all of their themes and those styles are overriding the Gravity Forms defaults. </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31225 Fri, 29 Jul 2011 22:16:53 +0000 morten 31225@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>All .gform..<br /> So basically Woothemes and Gravity are not cooperating.....? This is out of the box version 2.6 Aperture theme.</p> <p>BTW subscribing to topic no longer works..? I was notified once, that's all. </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31223 Fri, 29 Jul 2011 19:30:38 +0000 Kevin Flahaut 31223@https://legacy.forums.gravityhelp.com/ <p>Morten,</p> <p>It's exactly what I told you in the previous post. It's the form styles defined by default in your theme. If you remove those styles (lines 131 - 182) from the black.css file, the form should format properly.</p> <p>screenshot: <a href="http://bit.ly/pflWGh" rel="nofollow">http://bit.ly/pflWGh</a> </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31207 Fri, 29 Jul 2011 15:35:35 +0000 morten 31207@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>Aperture 2.6 is now lilve, so you can see the problem directly.</p> <p>Morten </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31171 Thu, 28 Jul 2011 21:14:16 +0000 Kevin Flahaut 31171@https://legacy.forums.gravityhelp.com/ <p>Okay, there's the source of your issue then. You're using a theme from Woo Themes.<br /> <a href="http://www.woothemes.com/2009/04/aperture/" rel="nofollow">http://www.woothemes.com/2009/04/aperture/</a></p> <p>Woo Themes has added custom CSS rules for Gravity Forms in their themes. That's super in some respects, except they've used CSS rules to override the label placement options and force all of the labels to float to the left regardless of the actual setting you've chosen. This is something we've seen several times here.</p> <p><a href="http://www.gravityhelp.com/forums/topic/top-aligned-showing-up-as-left-aligned" rel="nofollow">http://www.gravityhelp.com/forums/topic/top-aligned-showing-up-as-left-aligned</a></p> <p>You'll want to contact the Woo Themes support team and see what they recommend to override their custom styles or you could simply edit your theme stylesheet and remove any existing custom Gravity Forms rules. </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31167 Thu, 28 Jul 2011 20:07:24 +0000 morten 31167@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I'm having this problem with Aperture 2.6 unmodified - and using the Gravity Forms' widget.</p> <p>It behaves the same way using any of the theme stylesheets including the default, only the background color changes.</p> <p>I dread having erranous elements on live site, but you are quick to respond, so I will update here when I have made the update live :-) </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31116 Thu, 28 Jul 2011 08:17:05 +0000 Kevin Flahaut 31116@https://legacy.forums.gravityhelp.com/ <p>Yeah, I can't help you out really without seeing the actual form in a page and debugging the issue from there. These problems are coming from your theme styles. The default for layout normally works fine in a sidebar area.</p> <p>If you're using the widget that's included with Gravity Forms, you shouldn't have to edit any theme files unless you're adding custom CSS rules to your theme stylesheet. </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31110 Thu, 28 Jul 2011 05:39:04 +0000 morten 31110@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>The live site does have "Top Aligned", but that gives the worst result so I changed it in lab site.</p> <p>Here it is with top aligned: <a href="http://www.ross.no/temp/GF_sizeProblems_with_Aperture_2.6_TopAligned.jpg" rel="nofollow">http://www.ross.no/temp/GF_sizeProblems_with_Aperture_2.6_TopAligned.jpg</a>. It does align all field names properly on the left side though :-)</p> <p>Without this in style.css, the "Comment" field will not have any left side border:<br /> textarea#input_1_5 {width:192px}. Is there another input_x_x for the three other fields?</p> <p>I have many widgets in the sidebar, but the GravityForm is actually the only one that requires editing of theme files - which makes it really scary to update the theme... </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31099 Thu, 28 Jul 2011 00:51:31 +0000 Kevin Flahaut 31099@https://legacy.forums.gravityhelp.com/ <p>Sorry I misunderstood about the live site. </p> <p>I see your screenshot but I can't tell you what to correct without actually seeing the form on the page so I can inspect the markup and styles.</p> <p>It looks like you may be using the "left label" form setting which is causing part of your alignment difference. Go to your form in the editor, open the form settings at the top then make sure you have the label placement option set to "top aligned".</p> <p>screenshot: <a href="http://bit.ly/nwLKli" rel="nofollow">http://bit.ly/nwLKli</a></p> <p>As far as the other issues, I would have to be able to see the form to tell you anything for sure. </p> https://legacy.forums.gravityhelp.com/topic/size-problem-in-sidebar#post-31097 Wed, 27 Jul 2011 23:51:11 +0000 morten 31097@https://legacy.forums.gravityhelp.com/ <p>Hi Kevin,</p> <p>As I mentioned my live site is working fine, and that is what I want with the upgrade, which of course is not live before it is working.</p> <p>It would help if I could attach screenshots to posts (also because e xternal links sooner or later will die an render post reference somewhat less informative), but I have uploaded from my localhost WP lab where the upgrade is being worked on: <a href="http://www.ross.no/temp/GF_sizeProblems_with_Aperture_2.6.jpg" rel="nofollow">http://www.ross.no/temp/GF_sizeProblems_with_Aperture_2.6.jpg</a></p> <p>So how do I correct this?</p> <p>M </p>