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.

After upgrade, form (text/message box) won't show properly

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Elena
    Member

    I upgraded GF to 1.6.1
    (WP: 3.2.1)
    Form on our contact page was nicely showing till upgrade: now the box for text/message overlaps the map: http://www.ubikuos.com/contactanos/
    Adding this to the custom css at theme options won't do:
    textarea.textarea.medium {
    width: 250px;
    }
    I'd appreciate if anyone could help! Thanks!
    E.

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  2. Rob Harrell
    Member

    Elena, how's it going? :) On line 409 of style.css you have:

    [css]
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
width: 350px !important;
padding: 7px 3px !important;
border: 1px solid #EEE;
}

    The width there is the cause. On line 423 of style.css you have a style block with a width, I added !important to the width, drop this in and you are golden:

    [css]
body #gform_wrapper_4 textarea {
width: 250px !important;
height: 330px;
}
    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  3. stephsamm
    Member

    My form field boxes haven't been showing up for quite some time. Can you help me troubleshoot?
    I use tons of your forms on my site but here's an example of one:

    http://www.wiredadvisor.com/social-business-profile-registration/

    Thanks!
    Stephanie

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  4. Rob Harrell
    Member

    Hey Stephanie on line 90 of style.css there is:

    [css]
input, textarea {
padding: 7px 0 7px 7px;
border-color: #CCC #EFEFEF #EFEFEF #CCC;
border-width: 0px;
border-style: solid;
}

    The default background color of an input element is white, and since you have a 0px border, the inputs aren't showing visually (but they are there). So you can either change that value there, or if you want to retain that style block you can add another one such as:

    [css]
.gform_wrapper input, .gform_wrapper textarea {
border-width: 1px;
}

    }`

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  5. stephsamm
    Member

    Ok, I'm just not sure where to edit that in the custom.css. I never edit the style.css. Can I just add that block you show anywhere in my custom.css file? I see all of the gravity style info in there.

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  6. stephsamm
    Member

    I tried both...editing the existing (to 2px) and adding a new block of CSS. Neither worked. I've never had a problem with the form lines being invisible until a recent Gravity forms upgrade. I'm using a Woo theme. Thanks!

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  7. Rob Harrell
    Member

    Stephanie, can you place this into your custom.css file and let me know when you have done so, so I can verify and take a look:

    [css]
.gform_wrapper input, .gform_wrapper textarea {
border-width: 1px !important;
}

    It's showing correctly when I make this change via chrome developer tools and firebug. But seeing it in your actual css file will help us troubleshoot further.

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  8. stephsamm
    Member

    Ok I put it in there!

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  9. Rob Harrell
    Member

    Are you using a caching plugin of some kind? I don't see it in custom.css - take a look at this screenshot, I searched for border-width and it returned no results. Can you email me a login of some kind to rob@rocketgenius.com so I can take a look.

    http://grab.by/behS

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  10. stephsamm
    Member

    No caching plugin but def have several plugins in there. Maybe that's the issue. I'll email you shortly.

    Posted 12 years ago on Saturday November 12, 2011 | Permalink

  11. Elena
    Member

    @Rob Hoooola ;) Thanks, changed it and now it looks great...as usual :)
    But...remember that it also looked great at Antiaging Group Barcelona, with the plugin upgrade sth got messed up or sth because now the form at the contact page doesn't have the grey background that it used to have, now it looks like "shortened"...Sorry I can't explain myself better, so here's snapshot:
    http://cl.ly/3d1p1j1b2l3e0j1I2c1e
    Any ideas?
    Take care!

    Posted 12 years ago on Monday November 14, 2011 | Permalink

  12. Rob Harrell
    Member

    You can add min-height: 740px; to line 1552 of baseline.base.css:

    [css]
.gform_body {
background: #F0F0F0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 21px;
padding: 21px;
min-height: 740px;
}
    Posted 12 years ago on Monday November 14, 2011 | Permalink

  13. Elena
    Member

    Sweet Rob, I changed it to 780, it seems 740 wasn't enough!
    Thanks as usual!

    Posted 12 years ago on Tuesday November 15, 2011 | Permalink

  14. Rob Harrell
    Member

    No problem, glad to help!

    Posted 12 years ago on Tuesday November 15, 2011 | Permalink

This topic has been resolved and has been closed to new replies.