Gravity Forms CSS Ready Class Selector
Does not work with latest Gravity Forms 1.7 beta 2 (7 posts)

  1. Samantha
    Posted 3 years ago #

    Just a heads up. When clicking on the ... button, nothing happens.

    This plugin has been useful. When the issue is resolved, will send a cup of coffee for your time. Thank you :)


  2. ZeadsDead
    Posted 3 years ago #


    I noticed the same thing today and created a new WP account to specifically post on this thread because i loved this plugin so much.

    any ETA as to when you will update?


  3. opsec
    Posted 3 years ago #

    I've got the same problem here, however I also have other strange CSS problems with the new GF 1.7, certain CSS properties like "margin-left: 300px;" for example, are simply ignored when creating my own classes for GF 1.7 fields such as "name" and "email".

    So I've created a complex legal scheduling form with custom CSS classes for each GF field such as .cl_name .cl_email .cl_phone, etc. In 1.6.10 things work as expected so something like:

    .cl_name {
    width: 300px;
    height: 70px;
    margin-left: 200px;
    margin-top: -80px;

    Everything is honored in all browsers except the margin-left property. Even if i use !important which is always a last-ditch effort it's still ignored. I can inspect it with firebug or chrome and see the CSS being applied, but it's simply ignoring the margin-left property which results in every field stacked on top of the other making the form impossible to read.

  4. opsec
    Posted 3 years ago #

    The new GF 1.7.x has added a lot of !important added in various css files, the one that was causing me problems is in:


    .gform_wrapper li,
    .gform_wrapper form li {
    margin-left: 0 !important;

    I removed the !important and all is right in the kingdom again, css ready selector still not working however.

  5. sireneweb
    Posted 3 years ago #

    yeah please add compatibility

  6. HorrorUK
    Posted 3 years ago #

    I have the same problem with the official release

  7. imageDESIGN
    Posted 3 years ago #

    Same issue. GF 1.7.2, clicking the custom class button throws a JS error:

    Timestamp: 13/05/2013 9:29:30 AM
    Error: TypeError: $m.modal is not a function
    Source File: http://*****.com/wp-admin/admin.php?page=gf_edit_forms&id=4
    Line: 3100

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Gravity Forms CSS Ready Class Selector
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.