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 Issue on Gravity Forms

Gravity Support Forums » Plugin Support » Gravity Forms

  1. galaxy5
    Member

    Hi,

    I am having some issues with the CSS on forms that is causing the tick check boxes to merge with the checkbox value.

    See http://qldjamfactory.com.au/membership/membership-form

    Thanks

    Posted 13 years ago on Tuesday January 25, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    This isn't a Gravity Forms issue, it's a theme styling issue. Specifically, there is some type of form input replacement script that hides the default checkbox inputs, then replaces it with a stylized image. If you disable the inline "display:none" rule on the input added by the script, you'll see that the checkbox input & label are formatted properly.

    screenshot: http://grab.by/8z11

    It's most likely coming from this script.

    http://qldjamfactory.com.au/wp-content/themes/rt_iridium_wp/js/rokutils.inputs.js

    I've seen this before - also caused when using a RocketTheme WordPress theme.

    http://forum.gravityhelp.com/topic/checkboxes-and-text-overlap
    http://forum.gravityhelp.com/topic/check-box-issue

    You will want to consult with their support team on how to resolve the style conflict, or to disable the formatting script.

    Posted 13 years ago on Tuesday January 25, 2011 | Permalink

  3. galaxy5
    Member

    Yeah Rocket theme aren't a real help, + their membership is only valid for 60-90 days so once you once it expires you can't go back and ask for help.

    But thanks for your help I'll see if I cam make some adjustments.

    Posted 13 years ago on Tuesday January 25, 2011 | Permalink

  4. galaxy5
    Member

    How do I disable to the script

    Posted 13 years ago on Tuesday January 25, 2011 | Permalink

  5. galaxy5
    Member

    Sorry, I removed this line

    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/rokutils.inputs.js">

    from the header.

    All good now

    Thanks for you help.

    How did you arrive at the conclusion to remove that specific script, did you have to use firebug?

    Posted 13 years ago on Tuesday January 25, 2011 | Permalink

  6. Kevin Flahaut
    Administrator

    You would probably need to edit your theme's header.php file and remove the script reference manually. After that, you may have to remove a couple of the associated styles in the theme style sheet.. not sure how much is entailed there.

    Posted 13 years ago on Tuesday January 25, 2011 | Permalink