Warenkorb Symbol ändern mit CSS mit fontawesome

Thema wurde von nicole_s, 27. Februar 2019 erstellt.

  1. nicole_s
    nicole_s Erfahrener Benutzer
    Registriert seit:
    9. Januar 2019
    Beiträge:
    58
    Danke erhalten:
    1
    Danke vergeben:
    16
    #1 nicole_s, 27. Februar 2019
    Zuletzt bearbeitet: 27. Februar 2019
    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
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #2 barbara, 27. Februar 2019
    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 :)
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. November 2015
    Beiträge:
    1.517
    Danke erhalten:
    314
    Danke vergeben:
    1.218
    #3 Anonymous, 27. Februar 2019
    Geht das auch schon bei einem 3.8.3.0 Shop? Bei mir wird nämlich mit diesem Code nur das angezeigt:

    upload_2019-2-27_12-48-22.png

    :(
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #4 barbara, 27. Februar 2019
    in 3,8, müsste der alte Code gehen.
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. November 2015
    Beiträge:
    1.517
    Danke erhalten:
    314
    Danke vergeben:
    1.218
    #5 Anonymous, 27. Februar 2019
    Tut er! Vielen Dank! :-D
     
  6. nicole_s
    nicole_s Erfahrener Benutzer
    Registriert seit:
    9. Januar 2019
    Beiträge:
    58
    Danke erhalten:
    1
    Danke vergeben:
    16
    #6 nicole_s, 27. Februar 2019
    Ohhhhh danke :D Es geeeeeeht :)

    ich habe wirklich schon ewig rumgegoogelt :p
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #7 barbara, 27. Februar 2019
    Da musst Du Wilken ein "Danke" aufdrücken. :)
     
  8. nicole_s
    nicole_s Erfahrener Benutzer
    Registriert seit:
    9. Januar 2019
    Beiträge:
    58
    Danke erhalten:
    1
    Danke vergeben:
    16
    #8 nicole_s, 28. Februar 2019
    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)
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #9 barbara, 28. Februar 2019
    Versuche mal, wenn Du noch ein "font-size: ...px;" in den Code einfügst.
     
  10. nicole_s
    nicole_s Erfahrener Benutzer
    Registriert seit:
    9. Januar 2019
    Beiträge:
    58
    Danke erhalten:
    1
    Danke vergeben:
    16
    #10 nicole_s, 28. Februar 2019
    Danke, das hat funktioniert :)
     
  11. Manni_HB
    Manni_HB G-WARD 2012/13/14/15
    Registriert seit:
    26. April 2011
    Beiträge:
    9.098
    Danke erhalten:
    1.540
    Danke vergeben:
    909
    Ort:
    Bremen
    #11 Manni_HB, 1. März 2019
    Soweit ok.
    Was aber wenn es in 3.11. und < 3.11 funkonopeln soll? o_O
     
  12. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #12 barbara, 1. März 2019
    Dann der neue aus #2 :)
     
  13. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    #13 Wilken (Gambio), 1. März 2019
    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.