Support » Allgemeine Fragen » Block-Editor: Initialbuchstabe verändern

Block-Editor: Initialbuchstabe verändern

  • Gelöst radarin

    (@radarin)


    vor 5 Jahren, 4 Monaten

    Hallo zusammen.

    Ich hab jetzt erst mal eine meiner einfacheren Seiten auf WP5 umgestellt. Hier will ich nun den Blockeditor darauf prüfen, ob er auch alles kann, was ich von ihm als Nachfolger des MCE erwarte. Besonders mit meinen eigenen Stilen wird das spannend.

    Erst mal aber zum Initialbuchstaben in Textblöcken. Viel zu gross! Wie kann ich das Anpassen? Vielleicht will ich auch eine andere Farbe, sogar eine andere Schrift.

    Wenn ich mir den Quellcode ansehe, ist der Textplock in ein <p class="has-drop-cap"> eingebunden. Im Customizer hab ich folgendes ergänzt:

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

    Auf die Schriftgrösse reagiert der erste Buchstabe so überhaupt nicht. Farbe und Schriftfamilie hingegen werden korrekt geändert.

    Gruß René

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 5 Jahren, 4 Monaten

    Probier mal 

    
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
    font-size: 2em;
}
    Thread-Starter radarin

    (@radarin)

    vor 5 Jahren, 4 Monaten

    Danke Dir für das Feedback, aber funktioniert auch nicht. Da aber Schrift und Farbe auf die Änderungen reagieren, muss der Klassenname ja korrekt sein. Ich habe es deshalb mit einem !important hinter der Grösse versucht. Das hat jetzt geklappt.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 5 Jahren, 4 Monaten

    … aber funktioniert auch nicht

    Sind immer die besten Fehlerbeschreibungen. 🙈

    … habe es deshalb mit einem !important hinter der Grösse versucht. Das hat jetzt geklappt.

    – kein Kommentar –

    Thread-Starter radarin

    (@radarin)

    vor 5 Jahren, 4 Monaten

    funktioniert nicht heisst, es gibt bei der Darstellung keine Veränderung. Wie kann ich das noch besser beschreiben? 😉

    Ich weiss, !important ist als Holzhammer Methode verschrieen.

    Da ist auch noch ein <div id="container">. Mit

    #container .has-drop-cap:first-letter {
	font-size: 2em;
	color: red;
	font-family: Times;
}

    geht es dann auch wieder ohne das böse !important.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 5 Jahren, 4 Monaten

    Danke, das wollte ich lesen. 🙂

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „Block-Editor: Initialbuchstabe verändern“ ist für neue Antworten geschlossen.

Ansichten