syntax to set submit button to visibility:hidden

  • Resolved hsysgrp

    (@hsysgrp)


    7 years, 5 months ago

    This form is intended to be printed and mailed. I wish to hide the submit button. When I inspect the code behind the submit button, I find that adding visibility:hidden to the css attributes does hide the button.
    The shortcode below does print only the form, not the whole content of the page.

    [contact-form-7 id=”404580″ title=”Contact form CD”]

    [print-me target= “#wpcf7-f404580-p8-o1″/]
    I want to add a snippet to the Appearance/Customize/Additional CSS, but only wish to impact this form, not others.
    .wpcf7-f404580-p8-o1 input[type=”submit”] {
    visibility: hidden;
    }
    What is the correct syntax?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor twinpictures

    (@twinpictures)

    all you need to do is include the submit button in the do_not_print section of the print-o-matic options page.

    If you share a link we can be more specific on exactly what you need to do.

    Thread Starter hsysgrp

    (@hsysgrp)

    Thank you.
    the form in question is designed to be printed and mailed, not sent. I wished to remove the submit (send) button from the page, and discovered
    #wpcf7-f404580-p8-o1 input[type=”submit”] {
    visibility: hidden;
    }
    works if added to the Appearance/customize/additional css function.

    Plugin Contributor twinpictures

    (@twinpictures)

    glad you were able to figured it out!
    Thank you for responding back with your fix and marking the issue as resolved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘syntax to set submit button to visibility:hidden’ is closed to new replies.