PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Gravity Form widget with Elegant Themes

  1. Sophie
    Member

    Hi,

    I am currently using elegant theme "Cold Stone" - http://dining.docksidegroup.com.au/

    I have used the Gravity Form widget on the front page which carries through to all the other pages.

    In Chrome and Firefox it will not show up on the homepage but will show as a widget on the other pages.

    Any help would be great, thanks!

    Posted 13 years ago on Monday February 28, 2011 | Permalink
  2. 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.

    In your themes style-Stone.css file there is this line of CSS:

    .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; }

    If you remove the "float: left;" from this line of CSS, the form will appear.

    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.

    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:

    http://www.gravityhelp.com/frequently-asked-questions/#faq_styling

    Posted 13 years ago on Monday February 28, 2011 | Permalink
  3. Sophie
    Member

    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....?

    Posted 13 years ago on Monday February 28, 2011 | Permalink
  4. 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.

    Your stylesheet is here:

    http://dining.docksidegroup.com.au/wp-content/themes/Theme/ColdStone/style-Stone.css

    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.

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink
  5. Sophie
    Member

    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.

    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.

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink
  6. Sophie
    Member

    Actually it (the code changes) has shown now as I've cleared the cache on Chrome, now testing the other browsers.

    Posted 13 years ago on Tuesday March 1, 2011 | Permalink