1. Wenn du alle Inhalte sehen, oder selber eine Frage erstellen möchtest, kannst du dir in wenigen Sekunden ein Konto erstellen. Die Registrierung ist kostenlos, als Mitglied siehst du keine Werbung!

Initialbuchstaben in WordPress 5

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

  1. Shrike

    Shrike Thread Starter Mitglied

    Beiträge:
    1.017
    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:
    754
    Zustimmungen:
    318
    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 Frontend Admin

    Beiträge:
    9.773
    Medien:
    39
    Zustimmungen:
    4.483
    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...