small code boxes above and below the form

Gravity Support Forums » Plugin Support » Gravity Forms

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 11 years ago on Monday January 21, 2013 | Permalink
Rob Harrell
Member

Do you have a link to your form?

Posted 11 years ago on Monday January 21, 2013 | Permalink
jillc
Member

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

Posted 11 years ago on Tuesday January 22, 2013 | Permalink
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 11 years ago on Tuesday January 22, 2013 | Permalink
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'>
```
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 10 years ago on Monday June 3, 2013 | Permalink
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;
}
```
You can counteract it by adding the following towards the bottom of your theme's stylesheet
```
.gform_wrapper .gform_anchor {
padding: 0 !important;
}
```
Regards,
Richard
Posted 10 years ago on Monday June 3, 2013 | Permalink
Daniel Foltynek
Member

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

Posted 10 years ago on Monday June 3, 2013 | Permalink
Richard Vav
Administrator

Daniel, you're welcome

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

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