Font Awesome Icons nur auf einer Seite ansprechen/ändern

z. B. mit body#tpl_wbb_thread <- Das vor allem setzen

Konsole f12

Das funktioniert genau so wie bei Deinem anderen Thema, also mit Angabe von pageId oder identifier.

Gruß norse

Statt .pageNavigation nimmst du .fa und statt display: none; nimmst du font-size: 50px;.

Edit:

Quote from wasserlasser

display: none !important;

!important sollte da eigentlich nicht notwendig sein.

Ja, via body[data-page-id="xxx"] sprichst du allgemein immer die Seite mit der jeweiligen ID an. Das CSS greift dann nur auf dieser Seite und beeinflusst keine anderen Seiten.

Falls du noch mehr Sachen für diese Seite machen willst, könntest du es z.B. auch so machen, dass du das body[data-page-id="xxx"] nur einmalig hin schreibst, indem du den Code etwas verschachtelst. Das ist aber nur ein "Kann" und kein "Muss".

Als Grundlage:

body[data-page-id="xxx"] {
    
}

Und da drin dann das jeweilige CSS, also das hier:

.pageNavigation {
    display: none;
}

.fa {
    font-size: 50px;
}

Das sähe dann am Ende z.B. so aus:

body[data-page-id="xxx"] {
    .pageNavigation {
        display: none;
    }

    .fa {
        font-size: 50px;
    }
}

Quote from wasserlasser

Wie spreche ich denn den CSS Code in einer bestimmten Box an?

Danke

.box[data-box-identifier="com.woltlab.wcf.genericBox123456"] {
    border: solid 1px;
}

Die Box ID kannst du via DEV-Tools herausfinden

Die Boxen haben alle data-box-identifier="com.woltlab.wcf.xxx"

Vorgehensweise ist also die gleiche wie bei Templates

Dass alle Boxen den identifier mit der ID der Box haben, stimmt so zumindest nicht ganz. Die Standard Boxen haben z.B. einen anderen identifier. Da kann es z.B. auch sowas sein: com.woltlab.wbb.UnreadThreads. Den identifier müsste man sich dann im Quelltext heraussuchen.

Quote from ReeN

Der identifier kann ganz einfach herausgesucht werden. Rechtsklick auf die Box -> Untersuchen. Er befindet sich immer ganz oben im Code der Box. Hier ein Beispiel:

Bei selbst erstellten Boxen ist der identifier übrigens immer [tt]com.woltlab.wcf.genericBox123, wobei 123 der ID der Box entspricht. Also da braucht man nichtmal im Quellcode nachzuschauen, sondern kann sich einfach im ACP die ID der Box heraussuchen.