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.

Styling the Gravity Forms CM widget with Genesis themes

  1. Jane
    Member

    Hi

    I want to be able to tidy up the size of the input area and remove the '>' that the plugin automatically adds. Could someone tell me exactly where I edit the CSS to achieve these changes?

    Details here: http://www.studiopress.com/support/showthread.php?p=470385#post470385

    This is the website: http://www.eccellenvironmental.com/wp/

    Posted 6 years ago on Wednesday March 14, 2012 | Permalink
  2. The plugin doesn't add any '>'. That's a bullet/background image that's actually being added by your theme. You can find this declared in line 1253 of your theme's style.css file

    [css]
    .sidebar.widget-area ul li,
    #footer-widgets .widget-area ul li {
        background: url("images/bullet.png") no-repeat scroll 10px 7px transparent;
        list-style-type: none;
        padding: 0 0 7px 30px;
        word-wrap: break-word;
    }

    There's a fix for this in the FAQ section of the site here..

    http://www.gravityhelp.com/question/why-is-my-form-showing-up-with-list-bullets/

    Posted 6 years ago on Wednesday March 14, 2012 | Permalink
  3. Jane
    Member

    Added it, but the bullet is still showing.

    Also, I don't want to display 'Email' and I want submit to be on the same line as the input. How do I do this?

    Posted 6 years ago on Wednesday March 14, 2012 | Permalink
  4. You have invalid css in there, see screenshot:

    http://grab.by/cmES

    When you take a code sample from the forum, hover the box and select the first icon that comes up, this will pop the sample in a new window to allow you to just copy the text, without the numbers. Those numbers are screwing you up. Let me know once you've done that and we'll address the submit button.

    Posted 6 years ago on Wednesday March 14, 2012 | Permalink
  5. Jane
    Member

    Done, please address the button and removal of 'email'. Thanks.

    Posted 6 years ago on Thursday March 15, 2012 | Permalink
  6. Cool, now try dropping this in:

    [css]
    li#field_2_1 .gfield_label {
    display: none;
    }
    #gform_wrapper_2 .gform_footer {
    float: right;
    margin-top: -48px;
    }

    What this is doing is, hiding on the label of field with the id of 1 in form 2. Because if you use forms elsewhere, we don't want to hide every single label globally.

    Then, we are targeting only the footer of form 2 to position it where you wanted.

    Posted 6 years ago on Thursday March 15, 2012 | Permalink
  7. Jane
    Member

    That looks so nice now, thanks so much for the help!

    Posted 6 years ago on Sunday March 18, 2012 | Permalink
  8. Awesome, glad to help out!

    Posted 6 years ago on Sunday March 18, 2012 | Permalink

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