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 widget Form style

Gravity Support Forums » Plugin Support » Gravity Forms

  1. ludo2604
    Member

    Hello,

    I would like to know how to:

    > Change the style of title form
    > Put the submit button just beside the field
    > remove space between between the tilte and the field

    Here is the capture:

    http://img822.imageshack.us/i/capturedcran20110419211.png/

    Thnaks in advance for your help

    Posted 13 years ago on Tuesday April 19, 2011 | Permalink

  2. Carl Hancock
    Administrator

    You would have to post a link to where we can browse the form, a screenshot won't be of use. Then we can suggest some CSS changes.

    Posted 13 years ago on Tuesday April 19, 2011 | Permalink

  3. ludo2604
    Member

    just here: http://www.trium-rp.com

    Posted 13 years ago on Tuesday April 19, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    You just need to do some custom CSS work to get the layout you want. You can refer to this previous topic for a sample to get you started.

    http://www.gravityhelp.com/forums/topic/trouble-positioning-submit-button-inline#post-19798

    Posted 13 years ago on Tuesday April 19, 2011 | Permalink

  5. ludo2604
    Member

    thanks, it works well! :)

    Could you please tell me how to remove more space above the field ?

    thanks

    Posted 13 years ago on Tuesday April 19, 2011 | Permalink

  6. ludo2604
    Member

    up! :)

    Posted 13 years ago on Wednesday April 20, 2011 | Permalink

  7. Kevin Flahaut
    Administrator

    Try changing adding the negative margin to the wrapper. You can replace this section of the previous CSS snippet with this one.

    [css]
body #gform_wrapper_2 {
    margin: -25px 0 0;
    position: relative;
}

    screenshot: http://grab.by/9VQA

    Posted 13 years ago on Thursday April 21, 2011 | Permalink

  8. ludo2604
    Member

    Thanks a lot for your help, all is good now :)

    One last question:

    Can you tell how to delete the "Edit this form" in the footer of each form on the website ?

    thanks again :))

    Posted 13 years ago on Thursday April 21, 2011 | Permalink

  9. ludo2604
    Member

    all good just found how to do:

    add this to style.css

    [css]
.gform_footer a {display:none}
    Posted 13 years ago on Thursday April 21, 2011 | Permalink

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