icon von FontAwesome farbig?

  • Hallo!


    Bin dabei, eine Webseite, die noch mit J3 ist und ein Template verwendet, das es leider nciht mehr unter J4 tut,

    auf J4 umzustellen und in J4 ein Helix-basiertes Template zu verwenden.


    Meine Frage ist unabhaengig vom verwendeten Template. Es ist auch unabhaengig von dem verwendeten Modul. Es

    ist mir nur erst bei dem Modul aufgefallen, dass in J4 die Farbe teilweise verschwindet.


    Mit J3, Farbe ist da:

    Seite 2.2


    Mit J4, Farbe ist teilweise nicht da:

    Seite 2.2


    Wie kann ich in J4 ein fa-icon zuverlaesslich mit einer frei gewaehlten Farbe versehen?


    Gruss, Buchi

  • Wenn ich mich nicht irre kommt das Problem wohl von:


    CSS
    /* cak Listenelement eingefaerbt */
    .fa, .fas, [class*=" icon-"], [class^="icon-"] {
        color: #ccc !important;

    aus custom.css ab Zeile 1300


    Ohne !important dort wäre es wohl auch möglich.

  • Hallo zusammen,


    danke Euch. :)


    Dass meine Zeile 1300 darauf Einfluss nimmt, das hatte ich gar nicht auf dem Schirm...

    Die hatte ich eingebaut, weil ich es irgendwie hinbekommen wollte, dass

    das Listenaufzaehlungszeichen als > auf

    Seite 2.1.1

    nicht so fett schwarz aussieht, weil man da den fa wohl nur in der fetten Version bekommt,

    das war bei http://test2.tes-ten.de/index.…e-2/seite-2-1/seite-2-1-1

    noch anders. So wollte ich ihn eigentlich wieder hinbekommen.

    Habe die Zeile 1300 wieder rausgenommen und das jetzt mit

    CSS
    .fa-li, .icon-li {
        left: -2em;
        line-height: inherit;
        position: absolute;
        text-align: center;
        color: #bbb !important;
        width: 2em;

    gemacht, jetzt funzt beides, sowohl beim >, als auch bei meiner urspruenglichen Frage. :)


    Gruss, Buchi