Hauptmenü Text durch Font Awesome Icons ersetzen

Du kannst im WBB 4.1 das Data-Type-Attrinut verwenden:

.mainMenu > ul > li[data-menu-item="wcf.user.dashboard"] a::before {
	content: "\f015";
	font-family: FontAwesome;
	padding-right: 0;
}

Das kannst du im Quelltext sehen.

Das mit dem Link sollte aber auch gehen:

.mainMenu > ul > li > a[href*="dashboard"]::before,
.mainMenu > ul > li > a[href*="Dashboard"]::before {
	content: "\f0e4";
}

Edit:

.menuIcon

Gibt es nur in meinen Stilen, das funktioniert in anderen Stilen nicht.

Schick mir mal einen Link, dann schau ich mal.

Ok, das Problem ist, es ist kein 4.1 und das Dashboard ist die Startseite, also geht weder das mit dem Link, noch gibt es ein data-menu-item.

Du kannst also für das Dashboard nur li:nth-child(1) oder first-child benutzen. Alle anderen Punkte kannst du dann über den Link ansprechen:

#mainMenu > ul > li > a[href*="board-list"]::before {
	content: "\f015";
	font-family: FontAwesome;
	padding-right: 0;
}

usw.

Das Dashboard bleibt ja immer an der ersten Stelle daher kein Problem.

Da habe ich nicht richtig geschaut, das Dropdown-Plugin verändert das Menü, darum bin ich davon ausgegangen das es kein 4.1er ist.

Aber wenn es nun klappt ist ja alles in Ordnung.