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.

Paragraph Text Width below "Halves" on Ready Classes

Gravity Support Forums » Plugin Support » Gravity Forms

  1. mcinvale
    Member

    First off, thank you "Ready Classes"..they a make form buildout so much easier.

    One challenge that I am consistently running into is the width of paragraph text below to two fields like Email and Phone that have been halved. For whatever reason, the full width of paragraph text is not as wide as the two halved fields.

    I am indifferent on either having the halved fields being reduced or the paragraph field expanding but I would like to have them align. Is there a solution for this.

    http://cl.ly/430s0g1G1X1t3x0H321t

    Thank you in advance.

    Posted 13 years ago on Friday October 7, 2011 | Permalink

  2. Carl Hancock
    Administrator

    You would have to apply CSS to the paragraph field to set it's width. There isn't a ready class for this because the width is going to vary by the containing element which varies by theme.

    What you can do is create a CSS class in your themes stylesheet, then enter that class in the CSS Class field in the Advanced options of that field just like you do with the Ready Classes. Any CSS class can be used.

    Posted 13 years ago on Friday October 7, 2011 | Permalink

  3. mcinvale
    Member

    Carl,

    While your solution works, it is not something that a typical end user would be capable of. Do you envision a solution that could be deployed by this type of user and their skill set?

    CJD
    BinaryM

    Posted 13 years ago on Friday October 7, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    It's going to vary a little bit in each browser because elements are percentage based. The size difference in your example is pretty extreme so I would say there's something in your theme that's influencing that. The differences in the defaults are slight.

    chrome: http://bit.ly/nOoOM9
    safari: http://bit.ly/r3BxgL
    firefox: http://bit.ly/n2ruvL

    Version 1.6 will have more browser-specific styles to tighten up things across the board. The next release version already takes this into consideration.

    screenshot: http://bit.ly/pwEYex

    Of course, these are the defaults.. when thrown in with a theme, there's no telling what theme styles may be inherited so there will always be the need to tweak a few things here and there for each specific application.

    Posted 13 years ago on Saturday October 8, 2011 | Permalink