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.

[resolved] Problems with Spacing - Description

  1. Malter
    Member

    I am having issues with the spacing for the descriptions underneath the Large Single Line text fields and Paragraph text fields. It seems like the "ginput_container" class is responsible for this, but I can't seem to find where to correct this problem.

    In addition, in Chrome and IE, it seems like the Large Single Line text field is slightly distorted (my "Preferred Neighborhoods" field). On Chrome, the textarea height is more than standard, but the font size is normal and on IE, when you highlight anything in the box, the text gets moved to the top portion of the box.

    Here is the URL - http://www.wheretolivenext.com/find-a-new-home-rentals

    I have read through the forum and am aware that I should not be updating the forms.css file directly. I will go ahead and move the CSS over to my style.css.

    Thanks for your help,
    Marc

    Posted 11 years ago on Friday June 25, 2010 | Permalink
  2. It's a theme inheritance issue.

    On your theme stylesheet - screen.css line 64 - you have a ".large" class and it has a "margin-bottom:1.25" em value. The description under the large field is being influenced by that. That's why you see the difference there. That's also the source of your problems with the height.. the line height value is set to "2.5 em".

    What you need to do is override the ".large" class with a more specific inheritance.. something like this appended to the bottom of your theme stylesheet.

    .gform_wrapper .large {line-height:1em; margin-bottom:8px;}

    Just tweak the styles to reset the fields to match the rest of the forms..

    I'm not sure what you mean about your textarea height being "more than standard" but there is a textarea rule on line 244 of your screen.css that it may be inheriting from.

    Just look back at your theme stylesheet for inheritance. The styles aren't using specific inheritance so you're bound to inherit a lot from that.

    Posted 11 years ago on Friday June 25, 2010 | Permalink
  3. Malter
    Member

    Kevin,

    Thanks so much for your help. That fixed everything. This is definitely a good thing for me to keep in mind as I continue to teach myself CSS.

    Marc

    Posted 11 years ago on Friday June 25, 2010 | Permalink
  4. Glad that helped you out Marc. Thanks for the update.

    Posted 11 years ago on Friday June 25, 2010 | Permalink

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