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 Styling Conflicts, Any Suggestions?

  1. strillogy
    Member

    I'm trying to move all of the forms and registrations on a site to gravity forms, but I'm having major issues with the CSS styling. I've tried following the documentation, but I can't seem to get these things aligned. I've turned the Gravity Forms Styling on and off and neither one seems to be any better.

    Here is the sample page: http://mostwanted.shortcuts.net/contest/

    I'd appreciate any help styling this to make it look a little more usable.

    Posted 13 years ago on Saturday March 26, 2011 | Permalink
  2. So, I don't see the default form style being loaded now. Do you still have the CSS output turned off?

    Posted 13 years ago on Saturday March 26, 2011 | Permalink
  3. strillogy
    Member

    Yes, I had it off. It's on now.

    Posted 13 years ago on Saturday March 26, 2011 | Permalink
  4. There's some weird CSS inheritance from your theme. Try adding this to the end of your theme stylesheet.

    [css]
    body .gform_wrapper .top_label label.gfield_label {
        clear: both !important;
        display: block!important
    }

    test screenshot: http://grab.by/9HiU

    Posted 13 years ago on Saturday March 26, 2011 | Permalink
  5. strillogy
    Member

    That fixed the formatting issues, thank you! Is there anyway to style it up a bit more and remove the list arrows on the left? I can't seem to get it to look like the other stuff on the site.

    Also...Is there a way to redirect the user to a specific page after they've registered? I need them to go to a members only section, but I can't find an option for that.

    Posted 13 years ago on Saturday March 26, 2011 | Permalink
  6. Yes, check the FAQ for tips on removing the list images

    http://www.gravityhelp.com/frequently-asked-questions/#faq_styling

    Also, in the form settings panel, you can define a redirect page for your form on successful submission.

    screenshot: http://grab.by/9HqU

    Posted 13 years ago on Saturday March 26, 2011 | Permalink
  7. strillogy
    Member

    Thank you! Gravity Forms never ceases to amaze me.

    Posted 13 years ago on Saturday March 26, 2011 | Permalink
  8. Ha. Thanks. Glad you got everything working now.

    Posted 13 years ago on Saturday March 26, 2011 | Permalink

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