Initialbuchstaben in WordPress 5

Diskutiere das Thema Initialbuchstaben in WordPress 5 im Forum Web-Design.

  1. Shrike

    Shrike Thread Starter Mitglied

    Beiträge:
    1.012
    Zustimmungen:
    14
    Mitglied seit:
    09.05.2008
    Hallo,

    habe über den Gutenberg Editor in WordPress einen Initialbuchstaben generiert. So weit so gut. Nur wird er im Frontend in den verschiedenen Browsern nicht gleich dargestellt. Aber das habe ich gelost über "zusätzliches CSS" im Customizer.
    Mir gefiel auch nicht das das Initial automatisch über 4 Zeilen geht. Folgender Code hat das gelöst.

    .has-drop-cap:first-letter {
    font-size: 200%;
    color: #red;
    font-family: Times;
    }

    Jetzt mein Problem: Ich will einen zweiten Initialbuchstaben in einer anderen Farbe einfärben. Ich krieg das irgendwie nicht hin. Würde mich über einen Pseudoklassen Tip freuen.

    Gruß S. : )
     
  2. warnochfrei

    warnochfrei Mitglied

    Beiträge:
    689
    Zustimmungen:
    292
    Mitglied seit:
    02.03.2019
    Es gibt keine Pseudoklasse für ausschließlich den zweiten Buchstaben. Du könntest jedoch die ersten beiden Zeichen explizit in ein SPAN setzen - mit ein bisschen PHP sogar automatisch.
     
  3. Difool

    Difool Super Moderator

    Beiträge:
    9.694
    Medien:
    39
    Zustimmungen:
    4.428
    Mitglied seit:
    18.03.2004
    Je nachdem, wo die Worte stehen, ginge es evtl. mit "nth-child" (wobei nicht alle Browser damit konform gegen).
    Wenn also die Initialbuchstaben jeweils in einem eigenen Container (div), ul>li oder span stehen, dann versuche es mal: http://nthmaster.com/
     
Die Seite wird geladen...
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite weitersurfst, akzeptierst du unseren Einsatz von Cookies. Akzeptieren Weitere Informationen...