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 and Alignment Issues

  1. I have spent almost an entire day reading, reading, and more reading regarding my area of questions. I just can't put my finger on the problem. I know it's CSS related but here goes....

    Site: http://173.254.29.102/theme/quote/

    Problem 1: I would like to have where it says "First name, Last name, Street, City, Zip, and type of units" to be the same color (grey) and font as the description. I can't figure out where it's changed even after reading this: http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Problem 2: Zip code is on the right side and should be on the left.

    Problem 3: In "What type of equipment" the check boxes are not properly aligned. I have it set to gf_list_2col gf_left_half but it keeps everything to the right.

    Problem 4: This may be a theme issue (Studium) but it looks completely different in in IE8 than Chrome. If this is not a theme issue any help would be appreciated.

    I appreciate the support. Until then I will keep on reading :)

    Posted 13 years ago on Monday January 30, 2012 | Permalink
  2. Site: http://173.254.29.102/theme/quote/

    Problem 1: Solved
    Problem 2: Zip code is on the right side and should be on the left.
    Problem 3: Solved
    Problem 4: This may be a theme issue (Studium) but it looks completely different in in IE8 than Chrome. If this is not a theme issue any help would be appreciated.

    Posted 13 years ago on Monday January 30, 2012 | Permalink
  3. Something looks to be injecting HTML into your form. There are paragraph and break tags in your address field. I think that's the main cause of your oddity there. It's lumping in the State label with the Zip Code input - which is not correct. Our forms don't output code in this manner.

    Posted 13 years ago on Monday January 30, 2012 | Permalink
  4. Sorry for the ignorance...not sure what you mean by "injecting HTML." I figured it was something that I did wrong, but I deleted the Address field and then created a new one. I still see <p> and
    being created. Would this be a theme issue? or how could I keep it from creating those?

    Thanks for the help!

    Posted 13 years ago on Monday January 30, 2012 | Permalink
  5. Usually that comes from a javascript in a theme or plugin that's injecting (placing HTML via JS). You can try to disable plugins one-by-one to see if there is any change.

    Posted 13 years ago on Monday January 30, 2012 | Permalink
  6. I have similar issues with the zipcode being aligned to the right of my form in Chrome & Safari, but looks great in Firefox. This occurs on multiple sites I run Gravity Forms. I have disabled all plugins as described but nothing seems to work.

    Any more suggestions?

    Posted 13 years ago on Monday April 9, 2012 | Permalink
  7. @kylehungate please post a URL to your form. Formatting issues could be caused by a multitude of factors. There's no way to tell you anything definite without seeing your form in your theme/page.

    Posted 13 years ago on Monday April 9, 2012 | Permalink
  8. I have sent a note to the theme author. The Gravity Form displays correctly when I activated the default theme; hence leading me to believe it's a theme issue. However, if you want to take a peek for the heck of it let me know and I'll give you access.

    Thanks!

    Posted 13 years ago on Monday April 9, 2012 | Permalink
  9. most likely it's inheriting a margin or padding value that's causing the field to "hang" on the field above it. If your theme author can't help, just let us know and we'll take a look at it for you then.

    Posted 13 years ago on Monday April 9, 2012 | Permalink