Изменить размер значка, добавленного из CSS, который я не могу редактировать ⇐ Html

[Anonymous]

У меня есть этот div:

Код: Выделить всё

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

Код: Выделить всё

m-card-notification--warn

добавляет этот значок перед текстом. Это выглядит следующим образом:


Css для m-card m-card-notification m-card-notification--warn взят из и это выглядит так:

Код: Выделить всё

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

Я хочу изменить его размер, но не могу редактировать style.css напрямую. Однако у меня есть файл css в папке моего веб-приложения. Могу ли я добавить к нему что-нибудь, что изменило бы размер alert.svg?
Дополнительная информация
Это изменило размер значка до того, что я ищу, но кажется, что значок находится в каком-то контейнере, который слегка перекрывает границу div.

Код: Выделить всё

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

Я понятия не имею, откуда это взялось. Есть какие-нибудь советы о том, что искать?




Подробнее здесь: https://stackoverflow.com/questions/798 ... -cant-edit