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.

Help with styling

  1. Hello!

    Sorry to ask such a simpleton question...

    I'm having a problem styling the form the way would like.

    http://312digital.com/sandbox (password = test)

    Ideally, I would like to do three things:

    1. Have the form wrapper be orange so it stands out.
    2. Have the labels appear inside the input area, to reduce the size of the form and/or;
    3. Reduce the font size across the entire form.

    I've researched a tried adding CSS to my style.css to no avail.

    Here is the css I have added at the bottom of the stylesheet:

    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
    body .gform_wrapper .gform_body .gform_fields .gfield select,
    body .gform_wrapper .gform_body .gform_fields .gfield textarea {
    font-size:11px;
    }

    #gform_wrapper_1 {background: #e46c0a}

    What am I missing?

    Sean McGinnis

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  2. Richard Vav
    Administrator

    Hi Sean,

    That CSS looks correct and when I enter it via chromes inspector it takes effect so I am wondering if the problem is down to the order in which W3TC is adding the css to the minified file it creates. Can you try temporarily switching off the minify css feature and then check if those styles have any effect.

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

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  3. That did it alright. Turned off CSS minification and works fine.

    Thank you!

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  4. Richard Vav
    Administrator

    In that case my next move would be to try excluding gravitys forms.css from the minify css

    Posted 11 years ago on Friday April 12, 2013 | Permalink