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.

HTML5 displaying problems - cannot see check boxes or radio buttons

  1. lam09
    Member

    I've been trying for months now to sort this and I really need help. See the form here. I've messed with the CSS and I just cant figure out how to get the radio buttons and check boxes to display.

    I love the way the form looks in preview, but when my sites style sheet is applied it wrecks the form.

    Is there anyway I can ask the form not to use my sites css but to use it's own?

    Here is the form: http://tinyurl.com/c9scdnu

    Posted 6 years ago on Friday May 31, 2013 | Permalink
  2. Richard Vav
    Administrator

    In your theme's main.css file you have the following rule

    input, textarea, button {
    outline: none!important;
    background: none;
    border-radius: 0;
    box-shadow: 0!important;
    -webkit-appearance: none!important;
    }

    It is the -webkit-appearance: none!important; rule that is causing your problems, you can either remove that or you can add the following new rules lower down the file to override it

    .gform_wrapper .gfield input[type=radio] {
    -webkit-appearance: radio !important;
    }
    .gform_wrapper .gfield input[type=checkbox] {
    -webkit-appearance: checkbox !important;
    }

    Regards,
    Richard

    Posted 6 years ago on Friday May 31, 2013 | Permalink