WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] CF7 inserting P where there isn't one (8 posts)

  1. sheabaker
    Member
    Posted 2 years ago #

    I am trying to have an address entered with the city/state/zip all on one line.
    However, a <p> keeps getting executed after the state field pushing the zip field into a new <p>.

    I have tried cleaning the code, reentering the code, copying the code from other sites where I have done this successfully. Nothing works.

    If someone could help me figure out why :

    Company Address (required):
    [text* companystreet 70/ watermark "Street Address"][text* companycity 20/ watermark "City"],[select* companystate id:companystate "MA" "RI" "ME" "NH" "VT" "NY"],[text companyzip 8/12 id:companyzip watermark "Zip Code"]

    outputs the following :

    <input type="text" name="companyname" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="70" /></span></p>
    <p>Company Address (required):<br />
    <span class="wpcf7-form-control-wrap companystreet"><br />
    <input type="text" name="companystreet" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required wpcf7-use-title-as-watermark" size="70" title="Street Address" /></span><br /><span class="wpcf7-form-control-wrap companycity"><br />
    <input type="text" name="companycity" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required wpcf7-use-title-as-watermark" size="20" title="City" /></span>,<span class="wpcf7-form-control-wrap companystate"><br />
    <select name="companystate" id="companystate" class="wpcf7-form-control  wpcf7-select wpcf7-validates-as-required">
    <option value="MA">MA</option>
    <option value="RI">RI</option>
    <option value="ME">ME</option>
    <option value="NH">NH</option>
    <option value="VT">VT</option>
    <option value="NY">NY</option>
    </select>
    <p></span>,<span class="wpcf7-form-control-wrap companyzip"><br />
    <input type="text" name="companyzip" value="" id="companyzip" class="wpcf7-form-control wpcf7-text wpcf7-use-title-as-watermark" size="8" maxlength="12" title="Zip Code" /></span></p>

    I would be very grateful.

    I can't have that zip hanging out all by itself.
    Thank you.

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    It's not Contact Form 7 inserting the <p> and <br>. Maybe another plugin or theme does. Try deactivating all other plugins and switching to the default theme.

  3. sheabaker
    Member
    Posted 2 years ago #

    Tested the plugins. Not the issue.

    Which themes, and it did in fact go away. But when I go back to the theme it needs to be, the break happens again.

    Any ideas on how to track down the offending code in the theme? I wouldn't even know what to look for.

    Thank you.

  4. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    How did you insert the Contact Form 7 shortcode?

  5. dramal
    Member
    Posted 2 years ago #

    Yeah, right, plugin is not inserting paragraphs and spans... Then what is this: <span class="wpcf7-form-control-wrap INPUT NAME ATTRIBUTE"> etc...??? I'm getting pretty tired with all the form plugins wrapping inputs...

  6. sheabaker
    Member
    Posted 2 years ago #

    RE: Takayuki
    I just placed it on the page:

    [contact-form-7 id="95" title="General Contact"]

    Does anyone have any tips on how to track down the offending <p> tag and eliminate it?

  7. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    OK. What theme do you use? Can I see the contact page?

  8. Karesansui
    Member
    Posted 2 years ago #

    Well, I actually have the same problem with a new site..
    On an other site using the same WP, Plugins (more or less) and Theme it works okay.

    See the first select on http://www.magoster.nl/contact/

    All fileds have this problem but I can solve that with
    .wpcf7-form-control-wrap br { display: none; }
    .wpcf7-form-control-wrap p { display: none; }

    But on .wpcf7-form-control-wrap.wpcf7-select.vhv_titel (etc.) I can not get this to work.

    Thanks,

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic