Styling Forms Question « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

Jason
Member

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 13 years ago on Tuesday December 13, 2011 | Permalink
Jason
Member

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 13 years ago on Tuesday December 13, 2011 | Permalink
Rob Harrell
Member
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 13 years ago on Tuesday December 13, 2011 | Permalink
Jason
Member

Thanks again Rob. :)

Posted 13 years ago on Tuesday December 13, 2011 | Permalink
mediana
Member

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 13 years ago on Tuesday December 20, 2011 | Permalink
Chris Hajer
Key Master

@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 13 years ago on Tuesday December 20, 2011 | Permalink
mediana
Member

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 13 years ago on Tuesday December 20, 2011 | Permalink
Chris Hajer
Key Master

OK, no problem. Just checking.

Posted 13 years ago on Tuesday December 20, 2011 | Permalink
mediana
Member

Can you just tell me by which method/function/hook forms.css is called ?

Posted 13 years ago on Tuesday December 20, 2011 | Permalink

[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 13 years ago on Tuesday December 20, 2011 | Permalink

mediana
Member

Thank you. I will post the error/solution when found.

Posted 13 years ago on Tuesday December 20, 2011 | Permalink
Chris Hajer
Key Master

OK, thanks. I'll leave this open.

Posted 13 years ago on Tuesday December 20, 2011 | Permalink
lhagmeier
Member

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 12 years ago on Monday October 1, 2012 | Permalink
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 12 years ago on Monday October 1, 2012 | Permalink
lhagmeier
Member

Thank you! Very helpful!

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

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