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.

CSS Class Format

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Patrick Nommensen
    Member

    Hello,

    As can be seen on this dev page: http://tinyurl.com/7ck6vpy the name and email don't fit on the top line using gf_left_half and gf_right_half. How do I go about fixing this?

    thanks.

    Posted 11 years ago on Tuesday May 1, 2012 | Permalink

  2. David Peralty

    You could change the field width using CSS.

    li.gfield.gf_left_half input.medium, li.gfield.gf_right_half input.medium {
width: 47% !important;
}

    Let me know if that helps.

    Posted 11 years ago on Tuesday May 1, 2012 | Permalink

  3. David Peralty

    Or something similar to the
    .gform_wrapper .top_label li.gfield.gf_right_half

    Posted 11 years ago on Tuesday May 1, 2012 | Permalink

  4. Patrick Nommensen
    Member

    Thanks for your quick response David! Unfortunately your first method with the CSS didn't work. I did play around with it a bit before I posted here and couldn't find a solution either.

    'Or something similar to the
    .gform_wrapper .top_label li.gfield.gf_right_half'

    Not sure what you're talking about, :D.

    Thanks.

    Posted 11 years ago on Tuesday May 1, 2012 | Permalink

  5. David Peralty

    Sorry, for my second post, I meant try the same CSS to the .gform_wrapper .top_label li.gfield.gf_right_half... the

    width: 47% !important;
    Posted 11 years ago on Tuesday May 1, 2012 | Permalink

  6. Rob Harrell
    Member

    Try dropping this into your theme's stylesheet:

    [css]
#content .gform_wrapper .gform_body li.gfield {
margin: 0;
}

    The issue is this margin in your theme's stylesheet:

    [css]
#content .post ul li, #content .page ul li, .catalyst-widget-area ul li {
margin: 0 0 0 20px;
list-style-type: disc;
#content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li, .catalyst-widget-area ul li, .catalyst-widget-area ol li {
margin: 0 0 0 20px;
padding: 0 0 0px;
}
}
    Posted 11 years ago on Tuesday May 1, 2012 | Permalink

  7. Patrick Nommensen
    Member

    Perfect, thanks.

    Posted 11 years ago on Tuesday May 1, 2012 | Permalink

  8. Rob Harrell
    Member

    Glad to help.

    Posted 11 years ago on Tuesday May 1, 2012 | Permalink

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