Support » Plugins » Farben anpassen mit Simple Custom CSS.

  • Gelöst moritz77

    (@moritz77)


    Hallo….

    Ich habe noch eine Frage und hoffe, dass Du sie mir hier beantworten kannst: Ich habe im Text `<i class=“fa fa-linkedin-square aria-hidden=true fa-2x“> für ein Social Media Symbol verwendet, das funktioniert auch soweit. Nur schaffe ich es nicht, die Farbe zu ändern, die ja vom Theme vorgegeben ist. Aber für dieses Symbol soll es so sein.

    Mit Simple Custom CSS habe ich es probiert, nur leider gelingt es mir nicht. Grundsätzlich funktioniert das Plugin aber, das habe ich mit anderen Sachen getestetn. Mh….. ist da noch ein Fehler drin?

    .fa .fa-linkedin-square { color: #069bc0; }

    Direkt im Text eingefügt funktioniert das:

    <i class=“fa fa-linkedin-square aria-hidden=true fa-2x“ style=“color:#069bc0;“></i>

    Wo könnte der Fehler liegen?

    Zu finden hier: HIER

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • stehen zwei oder mehrere CSS Klassen nebeneinander und magst du alle bei der Deklaration nutzen, darf kein Leerzeichen dazwischen sein.

    Zwischen .fa und .fa-linkedin-square muss daher das Leerzeichen raus.

    das Leerzeichen bedeutet:
    unterhalb von fa gibts einen html tag der nutzt fa-linkedin-square,
    zb so

    <i class="fa">....
    <small class="fa-likedin-square">....

    Bei dir stehen aber als CSS Klasse in einem html tag und daher:Leerzeichen raus 😉

    Bei dir stehen aber als CSS Klasse in einem html tag und daher:Leerzeichen raus 😉

    Autsch! Natürlich … wie konnte ich das übersehen? 🙇

    (Wir hatten uns in einem anderen Thread mit der Frage beschäftigt und ich hatte die CSS-Regel .fa .fa-linkedin-square { color: #069bc0; } vorgeschlagen. Zeigt wiedermal, wie hilfreich es ist, bei neuen Fragen einen neuen Thread zu starten!)

    ach Bego, ich kann das auch :-).
    Tippe eine Deklartion: wunder mich wieso sie nicht funktioniert und les dreimal drüber und dann kommt die Suche nach dem tiefen Loch… [was gleichzeitig aussagt, ich tippe CSS uraltmodisch im Texteditor….]

    und ich habe den anderen Thread gar nicht gelesen, glaub ich zumindest.

    Thread-Ersteller moritz77

    (@moritz77)

    Super, vielen Dank für die qualifizierte Hilfe an Euch beide, das war es.

    Thread-Ersteller moritz77

    (@moritz77)

    Na nun habe ich noch eine Frage.. denn ich scheitere schon wieder: Vielleicht könnt Ihr noch einmal helfen? wie sieht es denn hierfür aus?

    <li id=“menu-item-1041″ class=“menu-item menu-item-type-custom menu-item-object-custom social-icon linkedin menu-item-1041″><i class=“icon-2x icon-linkedin „></i><span class=“fa-hidden“>LinkedIn</span>

    An der Stelle wirkt .icon-2x.icon-linkedin { color: #069bc0; } leider nicht.

    Vielen Dank und Grüße…

    versuch es mit einer übergeordneten CSS Klasse zb so

    .social-icon  .icon-2x.icon-linkedin { color: #069bc0; }

    Da es eine übergeordnete css Klasse ist, brauchts nun das Leerzeichen zwischen den beiden Klassen.

    Greift diese nicht, dann versuch die id des Menupunktes

    #menu-item-1041 .icon-2x.icon-linkedin { color: #069bc0; }
Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Das Thema „Farben anpassen mit Simple Custom CSS.“ ist für neue Antworten geschlossen.