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.

How to Remove CSS Inheritance of My theme to Gravity Forms

  1. I created the form which works pretty awesome in the preview mode. Only problem in my theme the alignment is totally whacked. I want to keep the default css that comes with gravity forms and only remove my themes inheritance over it. How do I do this?

    Or perhaps if there is no way, could you please help me with this alignment issue. I'm not able to pin point the exact culprit that is screwing up my the headers in my gravity form form items. I have colored the headers orange. Also, my columns are all screwed up too. ugh!

    Thank you for your help!

    Posted 10 years ago on Thursday January 24, 2013 | Permalink
  2. chino

    on line 896 of style.css you have the labels as float: left; that is causing problems there, too. if you have other forms on the site that need that style, override it for this form or if you don't, get rid of it.

    on line 1610 of forms.css you have the width as 49%, making it 44% clears up the problem of running each half onto a line of its own.

    hope that helps.

    Posted 10 years ago on Thursday January 24, 2013 | Permalink
  3. That helped a little. Thank you.

    I just wish there were an option to choose if I want to inherit the themes styling or not. That would make life very easy :)

    Posted 10 years ago on Wednesday January 30, 2013 | Permalink
  4. Gravity Forms is designed to inherit the theme's CSS always. It's designed to blend in, not stick out. We provide the opposite option, to turn off the Gravity Forms CSS, because most people have chosen a theme they like the look of and want their styles, not our default styles.

    Posted 10 years ago on Thursday January 31, 2013 | Permalink