Auf den von MailPoet erzeugten Systemseiten kann es passieren, dass die Inhalte plötzlich in einer Monospace-Schrift dargestellt werden. Das betrifft zum Beispiel die Abmeldung vom Newsletter, die Bestätigung der Abmeldung und die Verwaltung des Abonnements.
Das Problem kann unabhängig vom verwendeten Theme oder Page Builder auftreten. Die MailPoet-Inhalte übernehmen dabei eine Monospace-Schrift, obwohl für die Website eine andere Fließtextschrift definiert ist.
Lösung für Elementor
Bei Elementor-Seiten können die betroffenen MailPoet-Elemente direkt auf die globale Fließtextschrift von Elementor gesetzt werden:
/* MailPoet-Systemseiten: Monospace-Schrift überschreiben */
.mailpoet_confirm_unsubscribe_email,
.mailpoet_confirm_unsubscribe,
.mailpoet_unsubscribed_content,
.mailpoet-manage-subscription,
.mailpoet-manage-subscription * {
font-family: var(--e-global-typography-text-font-family), sans-serif !important;
}Durch die Elementor-Variable --e-global-typography-text-font-family muss die verwendete Schrift nicht zusätzlich im CSS eingetragen werden. Ändert sich die globale Fließtextschrift in Elementor, übernehmen auch die MailPoet-Systemseiten automatisch die neue Schrift.
Wichtig
font-family: inherit reicht für diesen Fix nicht zuverlässig aus. Wenn ein übergeordnetes Element bereits monospace vorgibt, wird damit lediglich die falsche Schrift weitervererbt.
Betroffene MailPoet-Klassen
.mailpoet_confirm_unsubscribe_email.mailpoet_confirm_unsubscribe.mailpoet_unsubscribed_content.mailpoet-manage-subscription
Das CSS kann global auf allen Elementor-Seiten mit MailPoet eingebunden werden.