https://legacy.forums.gravityhelp.com/topic/gravity-form-widget-with-elegant-themes Gravity Support Forums Topic: Gravity Form widget with Elegant Themes en-US Sun, 05 Apr 2026 14:41:24 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gravity-form-widget-with-elegant-themes#post-19610 Mon, 28 Feb 2011 21:23:21 +0000 Sophie 19610@https://legacy.forums.gravityhelp.com/ <p>Actually it (the code changes) has shown now as I've cleared the cache on Chrome, now testing the other browsers. </p> https://legacy.forums.gravityhelp.com/topic/gravity-form-widget-with-elegant-themes#post-19609 Mon, 28 Feb 2011 21:19:50 +0000 Sophie 19609@https://legacy.forums.gravityhelp.com/ <p>I added it, didn't see a change and then removed it. I have re-added it but currently don't see a change to the layout.</p> <p>Is there also a way for the "submit" button on the single pages to sit underneath the form? It's currently sitting to the right. </p> https://legacy.forums.gravityhelp.com/topic/gravity-form-widget-with-elegant-themes#post-19608 Mon, 28 Feb 2011 20:08:02 +0000 Carl Hancock 19608@https://legacy.forums.gravityhelp.com/ <p>Where did you add the CSS referenced in the FAQ? When I view your themes CSS file I don't see that code in place.</p> <p>Your stylesheet is here:</p> <p><a href="http://dining.docksidegroup.com.au/wp-content/themes/Theme/ColdStone/style-Stone.css" rel="nofollow">http://dining.docksidegroup.com.au/wp-content/themes/Theme/ColdStone/style-Stone.css</a></p> <p>I don't see the example code in the FAQ anywhere in your stylesheet. You need to add that code to the bottom of your stylesheet in the style-Stone.CSS file. </p> https://legacy.forums.gravityhelp.com/topic/gravity-form-widget-with-elegant-themes#post-19606 Mon, 28 Feb 2011 19:31:48 +0000 Sophie 19606@https://legacy.forums.gravityhelp.com/ <p>Thank you for the above notes, it corrected the main issue. I did have a look through the style FAQ section and applied the recommended code however it didn't make a difference to the layout of the form....? </p> https://legacy.forums.gravityhelp.com/topic/gravity-form-widget-with-elegant-themes#post-19604 Mon, 28 Feb 2011 18:58:04 +0000 Carl Hancock 19604@https://legacy.forums.gravityhelp.com/ <p>This is a CSS issue with the theme. I narrowed it down to a specific element that is causing the problem. The problem is it is floating the form, which is then causing it to appear out of the element and the way the theme is coded it then doesn't get displayed.</p> <p>In your themes style-Stone.css file there is this line of CSS:</p> <p>.life_wrap .side_roll h3 { background:#6C6351 url(img/edit.png) no-repeat left; background-position:8px; padding:10px 5px 10px 34px; color:#FFF; width:350px; float: left; display: block; }</p> <p>If you remove the "float: left;" from this line of CSS, the form will appear.</p> <p>So it is how the theme is coded that is causing the CSS issue which is hiding the form. So it is there, the theme is just hiding it because of how it's CSS is set.</p> <p>I noticed also your theme has an issue with showing bullets for each form field because the form is rendered as a list. You can see in our FAQ where we discuss how to fix this issue that some themes have:</p> <p><a href="http://www.gravityhelp.com/frequently-asked-questions/#faq_styling" rel="nofollow">http://www.gravityhelp.com/frequently-asked-questions/#faq_styling</a> </p> https://legacy.forums.gravityhelp.com/topic/gravity-form-widget-with-elegant-themes#post-19600 Mon, 28 Feb 2011 18:42:24 +0000 Sophie 19600@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I am currently using elegant theme "Cold Stone" - <a href="http://dining.docksidegroup.com.au/" rel="nofollow">http://dining.docksidegroup.com.au/</a></p> <p>I have used the Gravity Form widget on the front page which carries through to all the other pages.</p> <p>In Chrome and Firefox it will not show up on the homepage but will show as a widget on the other pages.</p> <p>Any help would be great, thanks! </p>