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.

Custom CSS and ready classes

  1. Hi,

    Loving the product thus far but have reached a bit of a block.

    1) I'm trying to use the CSS targeting samples to customize the styling of my form in my custom.css file and they're not working on my form.
    .
    For example I used:
    body div.gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
    color: red;
    }

    on my form located here: http://www.knowitowl.com/personal-insurance-checkup/

    2) I have been using the CCS ready classes on the form and it is affecting the layout of the page (e.g., navigation buttons float to the middle of the page). See page three of the link above to see this.

    Any help would be greatly appreciated!

    Thanks
    F

    Posted 11 years ago on Thursday May 9, 2013 | Permalink
  2. Richard Vav
    Administrator

    Hi F,

    1. Looking at your page and CSS I can't see that css snippet for changing the labels font color, I presume you would place it in the custom.css file. To change all your labels to a red font you can place this towards the bottom of your themes custom.css file
      .gform_wrapper .gfield_label {
          color: red !important;
      }

      Your form would then look like this, http://i.imgur.com/X2hZVxm.png

    2. I have taken a look at page 3 of your form but when I checked the form footer including the next and previous buttons were located where they should be, beneath the form.

    Regards,
    Richard
    --
    Just another member of the community helping out where I can

    Posted 11 years ago on Friday May 10, 2013 | Permalink
  3. Thanks for the reply Richard.

    1) So I tried that code what you suggested at it's still not changing anything. I feel like I must be doing something silly :/. The code is at the bottom of my custom.css file. Would you mind looking again?

    2) I managed to resolve this.

    Thanks for the help

    F

    Posted 11 years ago on Friday May 10, 2013 | Permalink
  4. Richard Vav
    Administrator

    No problem, try clearing your browser cache as when I open your page in a chrome incognito window your labels are red.

    Regards,
    Richard

    Posted 11 years ago on Friday May 10, 2013 | Permalink
  5. Yip I was just being silly :) - thanks

    We're about to launch and have one major frustration left. Know this is outside scope of gravity forms but thought you may have an answer.

    Our featured images in our blog posts have disappeared as of Wed and cannot find anyone who can figure out why. We have tried to disable blogs without any luck. If you have any idea it would be an absolute life saver: http://www.knowitowl.com/knowledge-insurance-blog/

    Thanks

    F

    Posted 11 years ago on Friday May 10, 2013 | Permalink
  6. Richard Vav
    Administrator

    It looks like there is a javascript error preventing the flexslider script from revealing your featured image, it is there it is just hidden, you will need to test for a plugin/theme conflict.

    Posted 11 years ago on Friday May 10, 2013 | Permalink
  7. Thanks for the help - getting on this now!

    Posted 11 years ago on Friday May 10, 2013 | Permalink
  8. Richard Vav
    Administrator

    You're welcome

    Posted 11 years ago on Friday May 10, 2013 | Permalink