Edit File by line
/home/barbar84/www/wp-conte.../plugins/zkrbkzb/assets/css
File: dnd-upload-cf7.css
/* Delete Status */
[0] Fix | Delete
.dnd-icon-remove.deleting { font-size:12px; color:#000; font-weight: 500; position: relative; top:-3px; }
[1] Fix | Delete
.dnd-icon-remove.deleting:after { display:none!important; }
[2] Fix | Delete
[3] Fix | Delete
.wpcf7-drag-n-drop-file.d-none {
[4] Fix | Delete
display:none;
[5] Fix | Delete
opacity:0;
[6] Fix | Delete
visibility:hidden;
[7] Fix | Delete
position:absolute;
[8] Fix | Delete
top:0;
[9] Fix | Delete
}
[10] Fix | Delete
[11] Fix | Delete
/* Upload Status */
[12] Fix | Delete
.dnd-upload-status {
[13] Fix | Delete
display:flex;
[14] Fix | Delete
padding:4px 0;
[15] Fix | Delete
align-items:center;
[16] Fix | Delete
position:relative;
[17] Fix | Delete
}
[18] Fix | Delete
[19] Fix | Delete
/* Progress bar - Image */
[20] Fix | Delete
.dnd-upload-status .dnd-upload-image {
[21] Fix | Delete
width:40px;
[22] Fix | Delete
height:40px;
[23] Fix | Delete
border:1px solid #a5a5a5;
[24] Fix | Delete
text-align:center;
[25] Fix | Delete
border-radius:100%;
[26] Fix | Delete
position:relative;
[27] Fix | Delete
}
[28] Fix | Delete
.dnd-upload-status .dnd-upload-image span.file {
[29] Fix | Delete
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
[30] Fix | Delete
background-repeat: no-repeat;
[31] Fix | Delete
background-size: 100%;
[32] Fix | Delete
height: 21px;
[33] Fix | Delete
width: 16px;
[34] Fix | Delete
display: block;
[35] Fix | Delete
position: absolute;
[36] Fix | Delete
left: 50%;
[37] Fix | Delete
top: 50%;
[38] Fix | Delete
transform: translate(-50%, -50%);
[39] Fix | Delete
-moz-transform : translate(-50%, -50%);
[40] Fix | Delete
-webkit-transform: translate(-50%, -50%);
[41] Fix | Delete
}
[42] Fix | Delete
[43] Fix | Delete
/* Progress bar - Image Details ( Name and Size ) */
[44] Fix | Delete
.dnd-upload-status .dnd-upload-details {
[45] Fix | Delete
padding-left:10px;
[46] Fix | Delete
width: calc(100% - 40px);
[47] Fix | Delete
}
[48] Fix | Delete
.dnd-upload-status .dnd-upload-details .name {color:#016d98; padding:4px 0; padding-right:60px; display:flex; }
[49] Fix | Delete
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
[50] Fix | Delete
.dnd-upload-status .dnd-upload-details .name em {color:#444242; font-weight:700; }
[51] Fix | Delete
[52] Fix | Delete
/* Remove Upload File */
[53] Fix | Delete
.dnd-upload-status .dnd-upload-details .remove-file {
[54] Fix | Delete
position:absolute;
[55] Fix | Delete
right:0;
[56] Fix | Delete
top:10px;
[57] Fix | Delete
text-decoration:none;
[58] Fix | Delete
box-shadow:none;
[59] Fix | Delete
outline:none;
[60] Fix | Delete
opacity:1;
[61] Fix | Delete
}
[62] Fix | Delete
.dnd-upload-status .dnd-upload-details .remove-file span:after {
[63] Fix | Delete
content: '';
[64] Fix | Delete
width:15px;
[65] Fix | Delete
height:15px;
[66] Fix | Delete
display: block;
[67] Fix | Delete
background-repeat:no-repeat;
[68] Fix | Delete
background-size:100%;
[69] Fix | Delete
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A");
[70] Fix | Delete
}
[71] Fix | Delete
.dnd-upload-status.in-progress .remove-file { opacity:0.2;}
[72] Fix | Delete
[73] Fix | Delete
.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; }
[74] Fix | Delete
[75] Fix | Delete
/* Progress Loading */
[76] Fix | Delete
.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
[77] Fix | Delete
display: block;
[78] Fix | Delete
border-radius: 5px;
[79] Fix | Delete
overflow: hidden;
[80] Fix | Delete
background: #565555;
[81] Fix | Delete
height: 14px;
[82] Fix | Delete
}
[83] Fix | Delete
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
[84] Fix | Delete
background: #4CAF50;
[85] Fix | Delete
display: block;
[86] Fix | Delete
font-size: 11px;
[87] Fix | Delete
text-align: right;
[88] Fix | Delete
color: #fff;
[89] Fix | Delete
height: 100%;
[90] Fix | Delete
width:0;
[91] Fix | Delete
line-height:14px;
[92] Fix | Delete
}
[93] Fix | Delete
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
[94] Fix | Delete
.dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; }
[95] Fix | Delete
[96] Fix | Delete
/* CodeDropz Upload Plugin */
[97] Fix | Delete
.codedropz-upload-handler {
[98] Fix | Delete
border:2px dashed #c5c5c5;
[99] Fix | Delete
border-radius:5px;
[100] Fix | Delete
margin-bottom:10px;
[101] Fix | Delete
position:relative;
[102] Fix | Delete
}
[103] Fix | Delete
.codedropz-upload-container {
[104] Fix | Delete
padding:15px 20px;
[105] Fix | Delete
}
[106] Fix | Delete
[107] Fix | Delete
.codedropz-upload-inner {
[108] Fix | Delete
overflow:hidden;
[109] Fix | Delete
width:100%;
[110] Fix | Delete
/*white-space: nowrap;*/
[111] Fix | Delete
text-align:center;
[112] Fix | Delete
text-overflow: ellipsis;
[113] Fix | Delete
font-weight:inherit;
[114] Fix | Delete
}
[115] Fix | Delete
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
[116] Fix | Delete
text-decoration:none;
[117] Fix | Delete
box-shadow:none;
[118] Fix | Delete
}
[119] Fix | Delete
.codedropz-upload-inner h3 {
[120] Fix | Delete
margin:5px 0;
[121] Fix | Delete
font-size:30px;
[122] Fix | Delete
line-height:32px;
[123] Fix | Delete
word-break:break-word;
[124] Fix | Delete
}
[125] Fix | Delete
[126] Fix | Delete
/* Add border on dragenter, drag etc */
[127] Fix | Delete
.codedropz-dragover {
[128] Fix | Delete
border-color:#6b6a6a;
[129] Fix | Delete
}
[130] Fix | Delete
[131] Fix | Delete
.codedropz-upload-wrapper span.has-error-msg {
[132] Fix | Delete
display:inline-block;
[133] Fix | Delete
color:#ff0000;
[134] Fix | Delete
padding:5px 0;
[135] Fix | Delete
font-style:italic;
[136] Fix | Delete
}
[137] Fix | Delete
[138] Fix | Delete
/* Jquery Validation For Contact Form 7 */
[139] Fix | Delete
.wpcf7-form label.error-new {
[140] Fix | Delete
color: #900;
[141] Fix | Delete
font-size: 11px;
[142] Fix | Delete
float: none;
[143] Fix | Delete
padding-left: 5px;
[144] Fix | Delete
}
[145] Fix | Delete
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler{
[146] Fix | Delete
border-bottom-color: #900;
[147] Fix | Delete
border-bottom-style: solid;
[148] Fix | Delete
}
[149] Fix | Delete
/* END : Jquery Validation CF7 */
[150] Fix | Delete
[151] Fix | Delete
@media screen and (max-width: 767px) {
[152] Fix | Delete
.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
[153] Fix | Delete
.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
[154] Fix | Delete
.codedropz-upload-inner h3 { font-size:22px; }
[155] Fix | Delete
}
[156] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function