WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Contact form 7 - File Button Not showing up (2 posts)

  1. designrox
    Member
    Posted 11 months ago #

    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/

  2. buzztone
    Member
    Posted 11 months ago #

    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;

Reply

You must log in to post.

About this Plugin

About this Topic