Docs

[Arnold M]

Hi,

I styled my contact form 7 including the file upload. I did so inspired by this article: http://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ The only thing is, I can’t get the java script enhancement to work. So right now it works allright, but there is no way of knowing if the file upload was succesful.
The css for the uploadbutton is:
.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
label[for="file-702"] {
color: #999999;
background-color: #f3eeee;
display: inline-block;
width: 100%;
padding: 10px;
border-radius: 5px;
cursor: pointer;
}

label[for="file-702"]:focus,
label[for="file-702"]:hover {
color: #ffffff;
background-color: #d23737;
text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
}
The form is in this page: http://www.castellumcafe.nl/vacatures and the code for the form is:
<h5>Sollicitatieformulier</h5>

[text* your-name placeholder " Naam"]

[email* your-email placeholder " E-mail"]

[text* text-362 placeholder " Functie"]

[textarea your-message placeholder " Motivatie"]
<label for="file-702"><i class="fa fa-paperclip" aria-hidden="true"></i> CV</label>
[file file-702 id:file-702 class:inputfile]

[submit "Verzenden"]
Obviously I’ll have to change the Java Script to suit my needs, but untill now I didn’succeed. I’m wondering if you could give me the solution, or maybe point me in the right direction.

[Arnold M]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! It sounds like you might be having an issue with a third party plugin or script. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[Author]

Posts