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.

How do I make the sidebar form pretty

  1. eclick718
    Member

    friend. how do i make the sidebar form prettier?

    http://www.gravityforms.com/demo/contact-us-form/

    I guess to start:
    Less space between the fields
    More compact design

    Also - this is using the widget form; would it make more sense to use the html code? please let me know.

    Any examples anyone want to share?

    thanks
    e

    Posted 13 years ago on Monday October 10, 2011 | Permalink
  2. pretty is all done with CSS. You can stick with the widget, but to change the look, you will need to add some styles to your theme's style.css. Start with

    [css]
    #body #wrapper #sidebar .gform_widget

    And then target individual elements inside the widget. You will find CSS targeting examples here:
    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Here are some more general CSS guidelines for Gravity Forms:
    http://www.gravityhelp.com/documentation/page/Design_and_Layout

    Posted 13 years ago on Tuesday October 11, 2011 | Permalink