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 Forms Question

  1. Hi please see: http://drewclifton.com/7-awesome-advantages-of-using-wordpress-as-your-business-website/

    I am attempting to take the bold font weight off of my field titles.

    I have changed added the CSS into my theme's style sheet as per Rob's recommendation in this post: http://www.gravityhelp.com/forums/topic/best-way-to-style-forms

    However the forms.css style sheet seems to be winning out over my style.css.

    Could use some help! Please advise thanks. :)

    Best Regards.

    Posted 12 years ago on Tuesday December 13, 2011 | Permalink
  2. I have another quick question:

    Can I style the form in such a way so that I can fit two fields on one line? I remember some form tool I once used that allowed that. You could make them shorter and drag them to the same line.

    Since I don't see that option (maybe I'm missing it!), is there a means of doing this with CSS?

    Thanks so much for the support... :)

    Best Regards.

    Posted 12 years ago on Tuesday December 13, 2011 | Permalink
  3. Hey Jason, for the inline fields, you can reference our ready classes:

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

    You're almost there in terms of your stylesheet, you are just missing one small detail.

    [css]
    .gform_wrapper .top_label .gfield_label {
    font-weight: normal !important;
    }

    The !important will override. Let me know if you need anything else!

    Posted 12 years ago on Tuesday December 13, 2011 | Permalink
  4. Thanks again Rob. :)

    Posted 12 years ago on Tuesday December 13, 2011 | Permalink
  5. Wouldn't it be easier if Gravity's forms.css was not loaded at the end of the body tag but in the head tag ?

    Posted 12 years ago on Tuesday December 20, 2011 | Permalink
  6. @mediana, the forms.css is normally loaded in the head. Where are you seeing different?

    It's in the head here for example:
    view-source:http://gravity.chrishajer.com/google-search/

    I've never seen it at the end of the body tag. Can you show me where that's happening? Maybe it's some sort of performance enhancement or minimize plugin that is doing that somewhere?

    Posted 12 years ago on Tuesday December 20, 2011 | Permalink
  7. Thank you Chris for your support. I thought it was done like this by Gravity.
    I can see now that it is more like a bug in my theme ! I work on fixing this ...

    Posted 12 years ago on Tuesday December 20, 2011 | Permalink
  8. OK, no problem. Just checking.

    Posted 12 years ago on Tuesday December 20, 2011 | Permalink
  9. Can you just tell me by which method/function/hook forms.css is called ?

    Posted 12 years ago on Tuesday December 20, 2011 | Permalink
  10. [php]
    if(!get_option('rg_gforms_disable_css')){
        if(!wp_style_is("gforms_css", "queue")){
            wp_enqueue_style("gforms_css", GFCommon::get_base_url() . "/css/forms.css", GFCommon::$version);
            wp_print_styles(array("gforms_css"));
        }
    }

    wp_print_styles and wp_enqueue_style are used in ./form_display.php at line 1392

    Posted 12 years ago on Tuesday December 20, 2011 | Permalink
  11. Thank you. I will post the error/solution when found.

    Posted 12 years ago on Tuesday December 20, 2011 | Permalink
  12. OK, thanks. I'll leave this open.

    Posted 12 years ago on Tuesday December 20, 2011 | Permalink
  13. I'm stuck, how do I get two fields on the same line? I want fields 10 & 5 and also 2 & 3 on the same lines.The form ID is 2. Is there an easy css code? Or do i also have to write something in the css class name as well?

    Posted 11 years ago on Monday October 1, 2012 | Permalink
  14. David Peralty

    If you want fields to be on the same line, we have an inline class you can find details about it on the previously mentioned CSS Ready Classes documentation page:
    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 11 years ago on Monday October 1, 2012 | Permalink
  15. Thank you! Very helpful!

    Posted 11 years ago on Monday October 1, 2012 | Permalink

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