Farbe von fas fa-lock und fas fa-thumbtack ändern

#1 · December 31, 2020, 10:29 am

Die Farbe der Icons Thema geschlossen und Thema angepinnt werden hellgrau dargestellt. (So wie eigentlich alle fas fa Icons)

Ist es möglich den beiden “topic-icon fas fa-lock” und “topic-icon fas fa-thumbtack” eine andere Farbe zu geben, da sich die angepinnten und geschlossen Themen de Forums von der Farbe hervorheben sollen.

Vielleicht sogar der ganze Themenblock?

So ist es aktuell:

So wäre es wenn nur die Icons geändert wären:

Edit Reiner:

Da habe ich jetzt die Lösung gefunden.

Im Backend unter Forum/Aussehen dort im Feld

Benutzerdefiniertes CSS folgendes eingeben.

/* TOPIC ICONS */
#af-wrapper .topic-icon:before {
    color: #BE0000;
    padding-right: 6px;
}

Und am besten, wenn die Icons und der ganze Block eine andere Farbe hätte:

Am idealsten wäre es, wenn sich die Blöcke auch noch farblich unterscheiden würden. Also der angepinnte eine andere Farbe hätte wie der geschlossene oder angepinnte und geschlossene.

Gibt es da eine Möglichkeit.

Custom CSS?

Und wenn ja wie müsste das aussehen? (Beispiel)

Für ersteres, also nur die Symboleinfärbung habe ich eine Lösung gefunden.

Für eine erweiterte Lösung wie im 3. Bild wäre ich dankbar. Könnte auch nur ein farbiger Rahmen um die geschlossenen oder angepinnten Themen sein.

Denn, so wie es aktuell ist, sieht man den Unterschied zu normalen Themen ziemlich schlecht.

Nur ein Biker weiß, warum ein Hund seinen Kopf aus einem Autofenster steckt.
Only a biker knows why a dog sticks its head out a car window.

#2 · January 1, 2021, 2:05 pm

Hey Reinder,

bitte versuche mal die folgenden CSS Zeilen:

#af-wrapper .content-element.topic.topic-sticky .topic-poster {
    background-color: red !important;
}

#af-wrapper .content-element.topic.topic-sticky{
    background-color: red !important;
}

Das sollte eigentlich funktionieren. Natürlich musst du dann noch die Farbe anpassen, das Rot sieht jetzt nicht so toll aus 😀

Biker has reacted to this post.

Need professional help with Asgaros Forum? Book an appointment with us at domra Web Solutions for setup and customization services. Learn more about our Toolbox for Asgaros Forum plugin to enhance your forum experience.

#3 · January 1, 2021, 2:19 pm

Danke, funzt super…

So schaut es mit Deiner Hilfe aus…

Dabei wollte ich die Farben nur dezent ändern, aber man soll schon den Unterschied sehen.

Letztedlich habe ich Deinen Code nur Farblich angepasst und auch den Rahmen eingefärbt.

#af-wrapper .content-element.topic.topic-sticky .topic-poster {
    background-color: #EAE8E8 !important;
border-color: #00C000 !important;
}
#af-wrapper .content-element.topic.topic-sticky{
    background-color: #EAE8E8 !important;
border-color: #00C000 !important;
}

Asgaros and qualmy91 have reacted to this post.

Nur ein Biker weiß, warum ein Hund seinen Kopf aus einem Autofenster steckt.
Only a biker knows why a dog sticks its head out a car window.