Dudaevskiy
10/4/2019 - 4:26 PM

Contact Form 7 изменяем форму отправки файлов


/* Contact Form 7 - Изменяем кнопку загрузки файлов 
START
*/

input[type="file"]::-webkit-file-upload-button {
    color:transparent;
}

input[type="file"]:before {
/*     color:transparent; */
opacity:1;
    margin-top:3px;
    margin-left:15px;
    content:"Оберіть файл";
    display:block;
    position:absolute;
    color:black;
}

input[type="file"] {
  opacity:0;
}

span#UploadFileNewStyle {
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    left: 0;
    right: 0;
    /* top: 8px; */
    padding-top: 10px;
    /* max-width: 200px; */
}

/* 
END
Contact Form 7 - Изменяем кнопку загрузки файлов 

*/
В шаблоне CF7
<span id="UploadFileNewStyle"><i class="fa fa-cloud-upload"></i> Завантажити файл</span>[file* file-693 limit:1048576 filetypes:jpg|png id:file class:quote-upload-button]