Ändern Sie die Größe des aus CSS hinzugefügten Symbols, das ich nicht bearbeiten kann ⇐ CSS

[Anonymous]

Ich habe dieses Div:

Code: Select all

Make a card payment now to keep your account active. [url=/payment/payment.form]Pay here.[/url]

Code: Select all

m-card-notification--warn

fügt dieses Symbol vor dem Text hinzu. Es sieht so aus:


Das CSS für m-card m-card-notification m-card-notification--warn stammt von und es sieht so aus:

Code: Select all

.m-card.m-card-notification--warn:not(.m-card-keyline--):before{background-image:url(../images/icons/notification/warning.svg)}

Ich möchte die Größe ändern, kann aber die style.css nicht direkt bearbeiten. Ich habe allerdings eine CSS-Datei in meinem Webapp-Ordner. Kann ich irgendetwas hinzufügen, das die Größe von warning.svg ändern würde?
Zusätzliche Informationen
Dadurch wurde die Größe des Symbols auf das geändert, was ich suche, aber es scheint, dass sich das Symbol in einer Art Container befindet, der den div-Rahmen leicht überlappt.

Code: Select all

.m-card.m-card-notification--warn:not(.m-card-keyline--):before {
width: 24px;
height: 24px;
background-size: contain;
}

Ich habe keine Ahnung, woher das kommt. Irgendwelche Tipps, worauf Sie achten sollten?