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.

CSS problem driving me nuts, please help!

  1. I'm using GF on a Wordpress theme, and finding that the checkboxes and radio buttons are placed fine but their labels are placed about 20 pixels higher than the checkbox or radio button. I've tried modifying the following:

    .gform_wrapper.gf_browser_safari .gfield_checkbox li input[type="checkbox"] label,
    .gform_wrapper.gf_browser_safari .gfield_radio li input[type="radio"] label,
    .gform_wrapper.gf_browser_safari .gfield_checkbox li input label {
    	vertical-align: baseline !important;
    	margin-top: 20px !important;
    }

    This has no effect. I've also tried:

    .gform_wrapper .gfield_checkbox li label,
    .gform_wrapper .gfield_radio li label {
    	margin-top: 20px !important;
      	vertical-align: baseline !important;
    }

    This has no effect. I've also tried numerous other approaches. None of them are solving the issue. Checking with Firebug hasn't revealed any other GF-related classes that could be causing this problem.

    I know GF support can't help with problems like this, since the issue is a third-party theme, but I'm at wit's end after trying for so long to chase down this problem. I thought perhaps someone here has enough experience with GravityForms CSS to point me in the right direction. If you can help, thanks!

    Posted 8 years ago on Friday June 28, 2013 | Permalink
  2. Can you post a link to your form by chance?

    Posted 8 years ago on Friday June 28, 2013 | Permalink
  3. Unfortunately because the site is under development it's hidden behind a maintenance mode screen.

    Posted 8 years ago on Friday June 28, 2013 | Permalink
  4. David Peralty

    Without seeing all the code interacting with the elements, it'll be impossible for us to help.

    Posted 8 years ago on Friday June 28, 2013 | Permalink
  5. Yep, if you want to use the contact form linked on the right and send the URL and login for the maintenance mode page then we will be happy to check it out. Otherwise, we're kind of dead in the water here if we can't see it. It's difficult in the very least to debug presentational issues without actually seeing them. There are too many variables that have to be evaluated.

    Posted 8 years ago on Saturday June 29, 2013 | Permalink
  6. Thanks guys. I talked with the theme developer and he is aware of the Gravity Forms problem and working on a solution.

    Posted 8 years ago on Tuesday July 2, 2013 | Permalink
  7. David Peralty

    Glad to hear you are getting support from your theme developer. That makes us happy to hear.

    Posted 8 years ago on Tuesday July 2, 2013 | Permalink

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