Font Awesome Icons austauschen

    • Teambeitrag

    Hättest dir durch den letzten Code aber auch selber zusammenreimen können :P :)

    CSS
    /* Settings */
.icon.fa-gear:before {
    background-image: url (@{style_image_path}/icon/boardM.png);
    content: "";
    display: block;
    height: 32px;
    width: 32px;
}

    Nur in den Share-Optionen:


    CSS
    /* Settings */
.messageShareButtons .icon.fa-gear:before {
    background-image: url (@{style_image_path}/icon/boardM.png);
    content: "";
    display: block;
    height: 32px;
    width: 32px;
}

    Mfg Cr@@gle

    Zitat von Cr@@gle

    Hättest dir durch den letzten Code aber auch selber zusammenreimen können

    Vollkommen richtig! Und ich war auch auf einem guten Weg, nur auf: "fa-gear" bin ich nicht gekommen! Ich hatte immer beide Icons aktiv ;( .


    Noch mal der Reihe nach:



    1. Mit deinem letzten Code sieht es so aus:




    2. Laut Black Rider muss nun folgendes eingesetzt werden, welches das nachfolgende Bild ergibt:


    CSS
    background-position: left top;

    Einstellung II.png



    3. Nun noch die 5px wieder löschen und alles ist so wie es sein soll:


    CSS
    .messageShareButtons > ul > li > a > .icon.fa-gear {
	position: relative;
	top: 5px;
}


    Einstellung III.png




    Aber der Vollständigkeit halber, hier nun der komplette Code:


    CSS
    .messageShareButtons .icon.fa-gear:before {
    background-image: url (@{style_image_path}/icon/einstellung.png);
    content: "";
    display: block;
    height: 32px;
    width: 32px;
    background-position: left top;
}

    Cr@@gle, vielen Dank für Deine Hilfe :thumbsup: ! So langsam bekomme ich ein schlechtes Gewissen! Wenn ich mich irgendwie revanchieren kann, sag Bescheid ;) :) !