Standard-Abzeichenfarben ändern (Bronze, Silber, Gold)

Entwickler
1

Ist es möglich, die Farben der Abzeichen von Gold, Silber und Bronze in 3 Farben zu ändern, die besser zu unseren Themensfarben passen? Möchten sie etwas besser anpassen.

2

Ich bin kein CSS-Zauberer, aber das wäre meine Lösung… Ändern Sie einfach die Farben nach Belieben, damit sie besser zu Ihren Themefarben passen. Ich empfehle Ihnen außerdem, dieses Thema zu lesen. Es war mir in der Vergangenheit sehr hilfreich, da es mir geholfen hat, coole Dinge mit meiner Website zu machen.

Bronze

.badge-card .badge-contents .badge-icon.badge-type-bronze .fa {
    color: #cd7f32 !important;
}

Silber

.badge-card .badge-contents .badge-icon.badge-type-silver .fa {
    color: silver !important;
}

Gold

.badge-card .badge-contents .badge-icon.badge-type-gold .fa {
    color: #e7c300 !important;
}
6 „Gefällt mir“
4

Legende. Vielen Dank!

5

Benutzen Sie nur die Inspektion, um Dinge zu finden? Habe alles geändert, aber versuche jetzt, die zu bearbeiten, die auf der Benutzerkarte angezeigt werden? Ist die Chrome-Inspektion der Weg, um herauszufinden, wie Dinge benannt sind?

6

Ja, inspiziere einfach die Elemente, um die Klasse dessen zu finden, was du anpassen möchtest. Ich finde auch den Styleguide hilfreich.

3 „Gefällt mir“
7

Fantastisch! Dieser Styleguide ist entscheidend. Er hat mir buchstäblich geholfen, alles anzupassen (Styling vor dem Start). Weißt du, ob man von dort aus auf den Admin-Bereich zugreifen kann? Ich konnte ihn nicht finden. Das Einzige, was noch zu erledigen ist, ist die Farbe der Benutzer pro Vertrauensstufe. Ich habe versucht, sie zu inspizieren, aber nichts hat diesen kleinen bronzefarbenen Container verändert. Das ist die letzte Aufgabe und ich bin entschlossen, sie heute zu erledigen, haha

Screenshot 2023-07-30 at 8.02.18 AM
Screenshot 2023-07-30 at 8.02.18 AM560×222 4.31 KB

8

das ist im Admin-Dashboard, sodass normale Benutzer es sowieso nicht sehen werden. Aber hier ist es:

TL 1:

.user-metrics .table-cell.user-basic {
    background: [hier Farbcode oder Variable einfügen];
}

TL 2:

.user-metrics .table-cell.user-member {
    background: [hier Farbcode oder Variable einfügen];
}

TL 3:

.user-metrics .table-cell.user-regular {
    background: [hier Farbcode oder Variable einfügen];
}

TL 4:

.user-metrics .table-cell.user-leader {
    background: [hier Farbcode oder Variable einfügen];
}
4 „Gefällt mir“
9

Fantastisch. Mein Zwangsstörung dankt Ihnen vielmals!!! :freude:

1 „Gefällt mir“