Edit File by line
/home/zeestwma/ajeebong.../wp-conte.../plugins/image-op.../modules/optimiza.../assets/css
File: control.css
.image-optimization-control--list-view {
[0] Fix | Delete
display: flex;
[1] Fix | Delete
justify-content: flex-start;
[2] Fix | Delete
align-items: center;
[3] Fix | Delete
min-height: 105px;
[4] Fix | Delete
}
[5] Fix | Delete
[6] Fix | Delete
.image-optimization-control--list-view.image-optimization-control--error {
[7] Fix | Delete
justify-content: center;
[8] Fix | Delete
align-items: flex-start;
[9] Fix | Delete
}
[10] Fix | Delete
[11] Fix | Delete
.image-optimization-control__buttons-wrapper {
[12] Fix | Delete
margin-block-start: 8px;
[13] Fix | Delete
}
[14] Fix | Delete
[15] Fix | Delete
.image-optimization-control__buttons-wrapper :not(:last-of-type) {
[16] Fix | Delete
margin-inline-end: 8px;
[17] Fix | Delete
}
[18] Fix | Delete
[19] Fix | Delete
.image-optimization-control--error {
[20] Fix | Delete
flex-direction: column;
[21] Fix | Delete
}
[22] Fix | Delete
[23] Fix | Delete
.image-optimization-control--optimized {
[24] Fix | Delete
flex-direction: column;
[25] Fix | Delete
align-items: flex-start;
[26] Fix | Delete
}
[27] Fix | Delete
[28] Fix | Delete
.image-optimization-control__error-message {
[29] Fix | Delete
display: flex;
[30] Fix | Delete
flex-direction: column;
[31] Fix | Delete
[32] Fix | Delete
font-family: Roboto, sans-serif;
[33] Fix | Delete
font-size: 14px;
[34] Fix | Delete
font-weight: 600;
[35] Fix | Delete
line-height: 24px;
[36] Fix | Delete
margin-block-end: 15px;
[37] Fix | Delete
max-width: 200px;
[38] Fix | Delete
}
[39] Fix | Delete
[40] Fix | Delete
.image-optimization-control__error-title {
[41] Fix | Delete
margin-block-end: 10px;
[42] Fix | Delete
}
[43] Fix | Delete
[44] Fix | Delete
.image-optimization-control__error-subtitle {
[45] Fix | Delete
color: #dc2626;
[46] Fix | Delete
}
[47] Fix | Delete
[48] Fix | Delete
.image-optimization-control__button {
[49] Fix | Delete
font-family: Roboto, sans-serif;
[50] Fix | Delete
font-weight: 500;
[51] Fix | Delete
border-radius: 4px;
[52] Fix | Delete
}
[53] Fix | Delete
[54] Fix | Delete
.image-optimization-control__button--optimize > .spinner {
[55] Fix | Delete
float: left;
[56] Fix | Delete
padding: 0;
[57] Fix | Delete
margin-block-start: 4px;
[58] Fix | Delete
margin-left: 0;
[59] Fix | Delete
margin-block-end: 0;
[60] Fix | Delete
}
[61] Fix | Delete
[62] Fix | Delete
.image-optimization-control--error .image-optimization-control__button--try-again,
[63] Fix | Delete
.image-optimization-control--error .image-optimization-control__button--try-again:hover {
[64] Fix | Delete
color: #dc2626;
[65] Fix | Delete
border-color: #dc2626;
[66] Fix | Delete
background: transparent;
[67] Fix | Delete
}
[68] Fix | Delete
[69] Fix | Delete
.image-optimization-control__property {
[70] Fix | Delete
margin: 9px 0;
[71] Fix | Delete
}
[72] Fix | Delete
[73] Fix | Delete
.image-optimization-control__details-button {
[74] Fix | Delete
background-color: transparent;
[75] Fix | Delete
border: none;
[76] Fix | Delete
cursor: pointer;
[77] Fix | Delete
color: #135e96;
[78] Fix | Delete
padding: 0;
[79] Fix | Delete
}
[80] Fix | Delete
[81] Fix | Delete
.image-optimization-control__property:last-of-type {
[82] Fix | Delete
margin-block-end: 0;
[83] Fix | Delete
}
[84] Fix | Delete
[85] Fix | Delete
.image-optimization-control .image-optimization-setting {
[86] Fix | Delete
margin-block-end: 0;
[87] Fix | Delete
}
[88] Fix | Delete
[89] Fix | Delete
.image-optimization-control__property-value,
[90] Fix | Delete
.image-optimization-control--details-view .setting .image-optimization-control__property-value {
[91] Fix | Delete
font-weight: 600;
[92] Fix | Delete
font-size: 13px;
[93] Fix | Delete
line-height: 24px;
[94] Fix | Delete
}
[95] Fix | Delete
[96] Fix | Delete
.image-optimization-control--details-view .setting .image-optimization-control__property-value {
[97] Fix | Delete
margin: 6px 3px 3px;
[98] Fix | Delete
text-align: start;
[99] Fix | Delete
}
[100] Fix | Delete
[101] Fix | Delete
.image-optimization-control--details-view .setting .image-optimization-control__property-value--button {
[102] Fix | Delete
margin: 0 0 0 3px;
[103] Fix | Delete
font-weight: initial;
[104] Fix | Delete
}
[105] Fix | Delete
[106] Fix | Delete
.image-optimization-control--details-view .setting .image-optimization-control__property-value--spinner {
[107] Fix | Delete
display: flex;
[108] Fix | Delete
justify-content: center;
[109] Fix | Delete
margin: 25px 0 0 3px;
[110] Fix | Delete
}
[111] Fix | Delete
[112] Fix | Delete
.image-optimization-control__action-button-wrapper {
[113] Fix | Delete
margin-block-start: 37px;
[114] Fix | Delete
display: flex;
[115] Fix | Delete
width: 100%;
[116] Fix | Delete
justify-content: flex-end;
[117] Fix | Delete
}
[118] Fix | Delete
[119] Fix | Delete
.image-optimization-control__action-button-wrapper .button-link,
[120] Fix | Delete
.image-optimization-control--details-view .image-optimization-control__property-value--button .button-link {
[121] Fix | Delete
text-decoration: none;
[122] Fix | Delete
}
[123] Fix | Delete
[124] Fix | Delete
.image-optimization-control__action-button-wrapper .button-link:not(:last-of-type) {
[125] Fix | Delete
margin-inline-end: 24px;
[126] Fix | Delete
}
[127] Fix | Delete
[128] Fix | Delete
.image-optimization-control__action-button-wrapper .button-link:hover,
[129] Fix | Delete
.image-optimization-control--details-view .image-optimization-control__property-value--button .button-link:hover {
[130] Fix | Delete
background-color: transparent;
[131] Fix | Delete
}
[132] Fix | Delete
[133] Fix | Delete
.image-optimization-control__action-spinner-wrapper {
[134] Fix | Delete
height: 75px;
[135] Fix | Delete
display: flex;
[136] Fix | Delete
justify-content: center;
[137] Fix | Delete
align-items: center;
[138] Fix | Delete
}
[139] Fix | Delete
[140] Fix | Delete
div .components-tooltip {
[141] Fix | Delete
max-width: 165px;
[142] Fix | Delete
text-align: start;
[143] Fix | Delete
}
[144] Fix | Delete
[145] Fix | Delete
/* Optimization details */
[146] Fix | Delete
[147] Fix | Delete
#image-optimization-optimization-details-modal {
[148] Fix | Delete
padding: 20px 0;
[149] Fix | Delete
}
[150] Fix | Delete
[151] Fix | Delete
.image-optimization-details-table__property {
[152] Fix | Delete
display: block;
[153] Fix | Delete
}
[154] Fix | Delete
[155] Fix | Delete
.image-optimization-details-table__error {
[156] Fix | Delete
color: #dc2626;
[157] Fix | Delete
font-size: 18px;
[158] Fix | Delete
font-weight: 700;
[159] Fix | Delete
}
[160] Fix | Delete
[161] Fix | Delete
.image-optimization-details-table__property--error {
[162] Fix | Delete
color: #dc2626;
[163] Fix | Delete
}
[164] Fix | Delete
[165] Fix | Delete
body.dialog-container #TB_overlay {
[166] Fix | Delete
z-index: 999999;
[167] Fix | Delete
}
[168] Fix | Delete
[169] Fix | Delete
body.dialog-container #TB_window {
[170] Fix | Delete
z-index: 9999999;
[171] Fix | Delete
}
[172] Fix | Delete
[173] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function