Warenkorb Symbol ändern mit CSS mit fontawesome

Hallo alle miteinander,

ich habe hier im Forum einen CSS Code gefunden mit dem man das Warenkorb Symbol ändern kann. (was ich sehr gerne tun würde)

Der Code war folgender:

.gm-cart-basket::before
{
content: '\f290' !important;
font-family: FontAwesome !important;
}

Diesen habe ich bei CSS eingefügt, aber das Symbol wird nicht richtig angezeigt. (Das Symbol 290 gefällt mir auch gut und das würde ich sehr gerne nutzen) Aber irgendwie funktioniert es nicht ?

Kann mir da einer weiterhelfen? (Ich möchte das ungerne über FTP ändern)

Viele Grüße
Nicole

 

Wilken hatte das in einem Beitrag so vorgeschlagen:

Code:

.gm-cart-basket::before {
   font-family: "Font Awesome 5 Free" !important;
   content: '\f290' !important;
   font-weight: 900 !important;
}

Weil das FontAwesome aktualisiert wurde. Ich weiß aber nicht ob das funktioniert

 

Geht das auch schon bei einem 3.8.3.0 Shop? Bei mir wird nämlich mit diesem Code nur das angezeigt:

 

in 3,8, müsste der alte Code gehen.

 

Tut er! Vielen Dank! :-D

 

Ohhhhh danke Es geeeeeeht

ich habe wirklich schon ewig rumgegoogelt

 

Da musst Du Wilken ein "Danke" aufdrücken.

 

Dann mach ich das noch

(und schonmal hier: DANKE Wilken

Noch eine klitze kleine Frage: Bekommt man das Symbol irgendwie noch kleiner? Über das Style Edit will es einfach nicht kleiner werden? (Vorallem in der mobilen Ansicht sieht der jetzige etwas zu wuchtig aus - so einen Ticken kleiner wäre es perfekt)

 

Versuche mal, wenn Du noch ein "font-size: ...px;" in den Code einfügst.

 

Danke, das hat funktioniert

 

Soweit ok.
Was aber wenn es in 3.11. und < 3.11 funkonopeln soll?

 

Dann der neue aus #2

 

Geht für viele Symbole die im Shim von Font Awesome sind, dann kann man nur welche aus dieser Untermenge benutzen. In der Praxis wird man das oft nicht tun.