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.

custom code for sidebar form

Gravity Support Forums » Plugin Support » Gravity Forms

  1. jrileyc
    Member

    I need to customize my sidebar gravity form. I can't get the drop downs and check boxes to be side by side.
    http://atlantahomessearcher.com

    this is a screenshot of the desired look. http://atlantahomessearcher.com/id-1.png

    Posted 12 years ago on Monday March 5, 2012 | Permalink

  2. Rob Harrell
    Member

    Hey there, see if our ready classes helps you out here:

    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 12 years ago on Monday March 5, 2012 | Permalink

  3. jrileyc
    Member

    Rob thanks. Worked perfectly except for i need to move / align submit button to the right?
    I didn't see any ready classes info on that? I tried gf_align_right just guessing. didn't work

    Posted 12 years ago on Monday March 5, 2012 | Permalink

  4. Rob Harrell
    Member

    No problem, try dropping this into your theme's stylesheet:

    [css]
.gform_widget .gform_footer {
text-align: right;
}
    Posted 12 years ago on Monday March 5, 2012 | Permalink

  5. jrileyc
    Member

    Thanks Rob again. Wonderful. I'm getting a padded frame around my custom submit button from Gravity.
    What can i do to remove that? http://atlantahomessearcher.com

    Posted 12 years ago on Monday March 5, 2012 | Permalink

  6. Rob Harrell
    Member

    In your theme's CSS you have:

    [css]
input, textarea {
font-size: 1em;
color: #444;
background: #EEE;
border: 1px solid #AAA;
border-right-color: #DDD;
border-bottom-color: #DDD;
}

    This is affecting all types of inputs since they are just general, vague selectors. Try dropping this in to override those:

    [css]
.gform_widget .gform_image_button {
background: none;
border: 0;
}
    Posted 12 years ago on Monday March 5, 2012 | Permalink

  7. jrileyc
    Member

    Thanks very much.

    Posted 12 years ago on Tuesday March 6, 2012 | Permalink

  8. Rob Harrell
    Member

    Glad to help out!

    Posted 12 years ago on Tuesday March 6, 2012 | Permalink

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