Hide Field in Contact Form 7

  • Hello,
    I have created a contact form using contact form 7, I wish to hide several fields so they are not visible to the website visitor.

    I still want them to be populated by the address finder I use as these fields are mapped to bring the enquiry directly into my crm the fields as can be seen in the image contain “address-line-1, address-line-2, address-line-3, city-or-postown, postcode”

    I have tried adding the following to css but am guessing I have missed something,

    .wpcf7.address-line-1 {
    display: none;
    }

    Thank you for your help, best regards

  • Hello,

    We don’t support external plugins but since it sounds like a simple CSS fix, we might be able to help. Can we see the page where the form resides?

  • Thank you for getting back to me the form is a: https://epc-milton-keynes.co.uk/contact/
    The fields I would like to hide are the fields without a title below the address selected field.

    I appreciate your help.

  • Hello,

    Please use the following CSS instead:

    .wpcf7-form-control-wrap[data-name="address-line-1"],
    .wpcf7-form-control-wrap[data-name="address-line-2"],
    .wpcf7-form-control-wrap[data-name="address-line-3"],
    .wpcf7-form-control-wrap[data-name="city-or-postown"],
    .wpcf7-form-control-wrap[data-name="postcode"] {
        display: none;
    }
  • Many thanks for your help, worked, all fields are now hidden but still collects the information from the address finder. 🙂

    Best regards,

  • No problem!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.