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.

small code boxes above and below the form

Gravity Support Forums » Plugin Support » Gravity Forms

  1. jillc
    Member

    I have 2 small shaded boxes above and below the form which just take up space and look odd. The first one seems to be <p><code> </code></p>
    The second one includes some code starting with <a id="gf_2" class="gform_anchor" name="gf_2"></a>
    How can I hide these?

    Posted 12 years ago on Monday January 21, 2013 | Permalink

  2. Rob Harrell
    Member

    Do you have a link to your form?

    Posted 12 years ago on Monday January 21, 2013 | Permalink

  3. jillc
    Member

    http://perthbudgetcars.com.au/cars2/index.php/car-maintenance/

    Posted 12 years ago on Tuesday January 22, 2013 | Permalink

  4. Chris Hajer
    Key Master

    You should go back to that post and use the HTML tab on the editor (not Visual mode) to remove the erroneous < code > markup that surrounds the Gravity Forms shortcode. It was not put there by Gravity Forms, but was put there inadvertently in the form builder or is being added by a plugin or your theme.

    If you remove the code from the post where the gravityform shortcode is embedded, and it comes back, please check for theme and plugin conflicts by following these instructions http://rkt.gs/testing

    Posted 12 years ago on Tuesday January 22, 2013 | Permalink

  5. Daniel Foltynek
    Member

    Hello, I have the same problem, the form builder generated this:

    <div class='gf_browser_gecko gform_wrapper' id='gform_wrapper_7' style='display:none'><a id='gf_7' name='gf_7' class='gform_anchor' ></a><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_7' id='gform_7'  action='/2011/12/sensation-club-la-landrigga/#gf_7'>
                        <div class='gform_heading'>
    Copy

    and this code creates the empty space above the title, <a id='gf_7' name='gf_7' class='gform_anchor' ></a> , it has nothing to do with wordpress plugins or with wordpress itself , you can take a look at it here:
    http://4ella.com/2011/12/sensation-club-la-landrigga/ ,
    Right now only idea I have is to try to create new class div.gform_anchor in css and remove it by displaying none or something like that

    Posted 11 years ago on Monday June 3, 2013 | Permalink

  6. Richard Vav
    Administrator

    Hi Daniel,

    The code generated by Gravity Forms is fine, it is the following CSS in your theme's stylesheet that is causing your issue by adding padding to the a tag

    div.club-content a {
color: #1A0F12;
padding: 2px 5px;
text-decoration: none;
}
    Copy

    You can counteract it by adding the following towards the bottom of your theme's stylesheet

    .gform_wrapper .gform_anchor {
padding: 0 !important;
}
    Copy

    Regards,
    Richard

    Posted 11 years ago on Monday June 3, 2013 | Permalink

  7. Daniel Foltynek
    Member

    I love this plugin, great support, gform anchor disappeared, thanks again Richard

    Posted 11 years ago on Monday June 3, 2013 | Permalink

  8. Richard Vav
    Administrator

    Daniel, you're welcome

    Posted 11 years ago on Monday June 3, 2013 | Permalink

This topic has been resolved and has been closed to new replies.