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.

Style Confusion

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Anthony
    Member

    New here, so not up to speed yet. Created my first test form and the construction process was very nice - a real time saver. And everything looked pretty good too. I mean it was plain, but it looked professional enough. That is, until I hit the drop down and saw this:

    http://easycaptures.com/fs/uploaded/598/7082582694.jpg

    I searched and read around to see how to style the form and that's when I discovered your current philosophy regarding styling, which, as I understand it, is to let the theme do that work. And, as I am using a Genesis Framework and child theme, and know Brian Gardner is a Gravity Forms fan, I wasn't surprised to see my theme has some CSS that addresses the form (.gform_footer .button).

    However, it is very little CSS (only the form button as far as I can tell), and so that sort of put me back to start. So I started looking around and discovered there are eight CSS files associated with the GF plugin, with thousands of lines of code in the forms.css alone.

    I also noticed that you all have declared many of your CSS stylings as "!important", which I thought meant that the theme CSS would not overwrite.

    I guess I'm just a bit confused on how to address this styling problem. Can you refer to any documentation or tutorials that may help?

    Thanks

    Posted 11 years ago on Monday July 16, 2012 | Permalink

  2. Chris Hajer
    Key Master

    Can you post a link to your site please so we can see what's going on?

    You will find all sorts of CSS documentation here:
    http://www.gravityhelp.com/documentation/page/Design_and_Layout

    Posted 11 years ago on Tuesday July 17, 2012 | Permalink

  3. Anthony
    Member

    No, I can't post a URL actually; it's in development. The documentation link did prove to be helpful, albeit a bit vague for my question. The answer I was looking for - and the answer anyone else with this problem might like to hear - would be:


    Yes, we've seen that before. That would be addressed by our CSS Ready Classes (http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes). You might try just adding the following single line of code to your theme's style.css file to see if that fixes it.

    .gf_list_height_25

    Of course I can't be sure if that will work since I can't see the actual form, but if you include a link to the form's URL we'll take a look. Either way, being new to Gravity Forms you will probably want to learn more about GF's CSS and you can do that here:

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

    You see, after adding that one line, the drop down is no longer jumbled up and instead looks like this:

    http://easycaptures.com/fs/uploaded/601/2327249166.png

    Very nice!

    But I can't imagine I wouldn't have known that if I worked with this stuff every day. I mean, it's just a suggestion, but as fun as it is learning about your form software, I'm pretty sure most people are here to actually fix their problem. And that being the case, the more specific you can be, the more helpful it will be.

    Thank you -

    Posted 11 years ago on Thursday July 19, 2012 | Permalink

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