Nein, du musst schon die CSS Regeln einhalten.

Entschuldige, aber ich kann keinen Support auf CSS geben.

Füg den Inhalt bei dem .donationUsageBar{...} ein und zwar zwischen den ....

Zitat von Zwoooosh

Dank dir vielmals hatte schon angst das ich mir das teurere Spendensystem Kaufen muss wegen dem Dicken % Balken :). Nur noch eine kleine frage kann man dem Balken evtl noch nen rahmen oder sahtten zufügen?

Einen Border kannst du mit folgendem CSS Code hinzufügen

Farbe sowie Breit müsstest du anpassen

.donationUsageBar {
    border: 1px solid #000;
}

Bezüglich eines Schattens

https://www.cssmatic.com/box-shadow

Sollte dir hoffentlich helfen

Nicht so ohne weiteres.

Folgender CSS Code macht nicht zu 100% das was du denke ich haben willst

.donationUsageBar {
    text-align: center;
}

Damit wird der Text zentriert auf den Balken. Anders ist dies ohne große Änderungen nicht möglich.

Immer am besten über das ACP diese Datei ändern, sobald du diese per FTP änderst wird dies beim Updaten des plugins wieder geändert.

Zum Anpassen von Templates findest du bei Woltlab einen schönen Artikel

https://www.woltlab.com/article/97-anpassung-von-templates/

Dafür müsste das Template und die Sprachvariablen, jenachdem was du genau ändern möchtest, angepasst werden.

Das Template dafür wäre boxDonationEnd.tpl

Also, in dem Balken ist ein Text der lediglich die Prozent anzeige angibt, dieser wird aktuell aber nur Transparent dargestellt und kann sofern gewünscht "aktiviert" werden.

Dafür reicht folgender CSS Code aus

.donationUsageBar > span {
    color: #fff;
    font-size: 12px;
}

Bitte für #fff den passenden HEX Code angeben den du haben möchtest für die Text Farbe. bei den 12px bitte den Wert eintragen der für dich passend ist.

Du kannst dies einfach über folgenden Code machen

.donationUsageBar{
    height: 10px;
}

Bei den10px einen Wert eintragen der für dich passend ist. Dies entweder in den Style einfügen oder aber auch bei dem Menüpunkt Stilunabhängiges CSS und SCSS im ACP.