Farben anpassen mit Simple Custom CSS.

  • Gelöst moritz77

    (@moritz77)


    vor 8 Jahren, 4 Monaten

    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)
  • Monika

    (@monika)

    vor 8 Jahren, 4 Monaten

    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 😉

    Moderator Bego Mario Garde

    (@pixolin)

    vor 8 Jahren, 4 Monaten

    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!)

    Monika

    (@monika)

    vor 8 Jahren, 4 Monaten

    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-Starter moritz77

    (@moritz77)

    vor 8 Jahren, 4 Monaten

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

    Thread-Starter moritz77

    (@moritz77)

    vor 8 Jahren, 4 Monaten

    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…

    Monika

    (@monika)

    vor 8 Jahren, 4 Monaten

    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.