Contact Form 7
Remove tags from form? (4 posts)

  1. afish674
    Posted 3 years ago #

    Is there a way of removing the tags from between the inputs and labels?

    I think it must be in formatting.php somewhere but I don't really understand the code. Could someone explain in laymans terms what I'd need to do to change it?

    Also I notice that most of the form is wrapped in a <p> tag, at least on my site: http://pontus-web.co.uk/contact-pontus-web/

    Is there a way of removing this wrapping element?

    Thanks for any help you can provide!


  2. davejampole
    Posted 3 years ago #

    First thing, you form looks fine. Why do you want to fiddle with the underlying code?

    Specifically, what tags are you wanting to remove AND why?

    On the <p> tag, to test removing it before you remove it, put an exclamation mark between the< and the 'p', save the change and view the form. If you're happy, you can go back and actually delete the <p> tag. If you don't like the results, simply remove the exclamation mark.

  3. afish674
    Posted 3 years ago #

    I would if I knew where the <p> tag was being created. I'd just take it out because it doesn't need to be there.

    I want to move the
    tags because I don't like the way the form is spaced. I would like the titles to sit on top of the input fields.

  4. davejampole
    Posted 3 years ago #

    It does look like a blank line between the label and the text field on your form. I didn't notice that previously. Take a look at one of my sites <lcoc-moaa.org/scholarship-form-test> and see if the spacing in more to your liking.

    To edit the form and add/remove form elements, log into the WP control panel, click Contact and, when the next page loads, mouseover the line BELOW the name of the form in question and click 'Edit'. When the form design screen loads, you'll see the underlying design of the form. If you see a <p> tag, you can remove it, if you want. I would suggest making one change at a time until you get comfortable with what yous are doing.

    After each change, click 'Save' located at the upper right of the page. Open the form in your browser and see how your change looks. If you are happy, good on you. If not, get back into edit mode and continue on.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic