Support » Plugin: Contact Form 7 » Contact form 7 – File Button Not showing up

  • Hi,
    I have a form at this site:
    http://www.oversizetransfer.com/26713ottrs/request-a-quote

    My file attachment button and box does not show up. So the “attach a file” text shows up, but the button that should appear below does not and the area where the file would show once attached does not show up.

    I used the generate option for the attach a file area. This is what my styling is in my style sheet:

    [moderator removed large amount of code – no need to post CSS – it’s all visible on your site; please also ALWAYS use the code buttons when posting code here]

    Thanks in advance for the help!

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

Viewing 1 replies (of 1 total)
  • Use Firebug or Chrome Dev Tools to examine the HTML and CSS of your CF7 form in detail. Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

    Main problem appears to be:

    CURRENT:

    .wpcf7-form input[type="file"] {
        cursor: pointer;
        height: 100%;
        opacity: 0;
        position: relative;
        width: auto;

    CHANGE TO:

    .wpcf7-form input[type="file"] {
        cursor: pointer;
        height: 100%;
        opacity: 100%;
        position: relative;
        width: auto;

Viewing 1 replies (of 1 total)
  • The topic ‘Contact form 7 – File Button Not showing up’ is closed to new replies.