{"id":334358,"date":"2021-05-23T01:58:30","date_gmt":"2021-05-23T01:58:30","guid":{"rendered":"https:\/\/www.ezoic.com\/so-fixen-sie-mobile-ueberschrift-fonts-in-divi-mit-einem-einfachen-schritt\/"},"modified":"2023-05-24T12:26:27","modified_gmt":"2023-05-24T12:26:27","slug":"fehler-ueberschrift-fonts-in-divi-beheben","status":"publish","type":"post","link":"https:\/\/wp.ezoic.com\/de-lang\/fehler-ueberschrift-fonts-in-divi-beheben\/","title":{"rendered":"So beheben Sie Fehler bei Schriftarten f\u00fcr Mobilger\u00e4te in Divi mit einem einfachen Schritt"},"content":{"rendered":"\n

Wir haben vor kurzem festgestellt, dass viele Seiten Probleme beim Versuch hatten, die Schriftarten f\u00fcr mobile \u00dcberschriften in Divi zu fixen, und haben festgestellt, dass die einzigen L\u00f6sungen, die es gab, Plugins waren. Viele dieser zus\u00e4tzlichen Plugins haben andere Elemente der Test-Seite von Ezoic<\/a> zerst\u00f6rt.<\/p>\n\n\n\n

W\u00e4hrend die Anpassungsf\u00e4higkeit von Divi<\/a> als komplettes Design-Framework einfach zu handhaben ist, k\u00f6nnten Publisher, die vor Divi andere Themes verwendet haben, feststellen, dass bei vielen ihrer \u00e4lteren Blogbeitr\u00e4ge der Visual Builder noch nicht aktiviert ist.<\/p>\n\n\n

\n
\"Visual<\/figure><\/div>\n\n\n

Das Einschalten des Visual Builders Post f\u00fcr Post ist ein m\u00fchsamer Prozess. Obwohl Divi Ihnen die M\u00f6glichkeit gibt, seitenweite \u00c4nderungen vorzunehmen, beeintr\u00e4chtigen diese \u00c4nderungen manchmal andere Elemente Ihrer Seite. Wenn Probleme auftauchen, dann eher bei den mobilen Versionen Ihrer Seite – Men\u00fcs, \u00dcberschriften und Schriftarten. <\/p>\n\n\n\n

<\/span>Wie sehen fehlerhafte Schriftarten f\u00fcr mobile \u00dcberschriften in Divi aus?<\/span><\/h2>\n\n\n\n

Das Problem, das wir bei unserem Test entdeckten, betraf die Schriftarten der H2-\u00dcberschrift auf mobilen Ger\u00e4ten. Sie erschienen oft unglaublich klein und wurden \u00fcberschrieben, obwohl in den Theme-Einstellungen klar angegeben war, dass die H2-\u00dcberschriften auf Mobilger\u00e4ten viel gr\u00f6\u00dfer sein sollten. Bei Beitr\u00e4gen, f\u00fcr die der Divi Builder nicht aktiviert war, trat dieses Problem weiterhin auf.<\/p>\n\n\n

\n
\"Fehlerhafte<\/figure><\/div>\n\n\n

Anstatt den Visual Builder zu jeder Beitragsseite hinzuzuf\u00fcgen, eigenen Code im Theme selbst zu schreiben<\/a> oder Plugins zu verwenden, die die Geschwindigkeit Ihrer Webseite verlangsamen<\/a>, haben wir eine einfache L\u00f6sung gefunden.<\/p>\n\n\n\n

<\/span>Fixen Sie Schriftarten f\u00fcr mobile \u00dcberschriften in Divi mit einem benutzerdefinierten CSS-Skript<\/span><\/h2>\n\n\n\n

Um die Schriftarten f\u00fcr mobile \u00dcberschriften in Divi zu beheben, kopieren Sie den unten stehenden CSS-Code:<\/strong><\/p>\n\n\n\n

@media screen and (max-width: 767px) {
.et_pb_post h2 {
font-size: 30px!important;
}<\/code><\/p>\n\n\n\n

F\u00fchren Sie dann die folgenden Schritte aus:<\/strong><\/p>\n\n\n\n

    \n
  1. Klicken Sie auf Ihr WordPress-Dashboard<\/li>\n\n\n\n
  2. Klicken Sie auf Divi<\/li>\n\n\n\n
  3. Theme-Optionen \u00f6ffnen<\/li>\n<\/ol>\n\n\n
    \n
    \"Schritte<\/figure><\/div>\n\n\n

    Sobald Ihr Theme-Optionen-Fenster geladen ist, scrollen Sie nach unten, bis Sie “Benutzerdefiniertes CSS” finden. F\u00fcgen Sie das benutzerdefinierte CSS von oben in das Textfenster ein. Es sollte nach dem Einf\u00fcgen so aussehen wie auf dem Screenshot unten. Klicken Sie dann auf \u00c4nderungen speichern.<\/p>\n\n\n

    \n
    \"Divi<\/figure><\/div>\n\n\n

    Und das war’s! F\u00fcr diejenigen, die mit CSS nicht vertraut sind, setzt der Code eine maximale Breite von 767px, was f\u00fcr die meisten mobilen Ger\u00e4te ausreichend sein sollte.<\/p>\n\n\n\n

    Die \u00dcberschrift, auf die diese \u00c4nderungen angewendet werden, wird auf “H2” und die Schriftgr\u00f6\u00dfe auf 30px gesetzt. Wenn Sie versuchen, die mobile \u00dcberschriftengr\u00f6\u00dfe einer anderen \u00dcberschrift (h1,h3) oder verschiedene Schriftgr\u00f6\u00dfen zu beheben, k\u00f6nnen Sie diese Angaben nach Ihren eigenen Bed\u00fcrfnissen ersetzen. Dieser CSS-Code sollte ausreichen, um die Schriftarten f\u00fcr mobile \u00dcberschriften in Divi seitenweit zu fixen. Haben Sie irgendwelche Probleme mit mobilen Schriftarten in Divi? Lassen Sie es uns in den Kommentaren wissen.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Wir haben vor kurzem festgestellt, dass viele Seiten Probleme beim Versuch hatten, die Schriftarten f\u00fcr mobile \u00dcberschriften in Divi zu fixen, und haben festgestellt, dass die einzigen L\u00f6sungen, die es gab, Plugins waren. Viele dieser zus\u00e4tzlichen Plugins haben andere Elemente der Test-Seite von Ezoic zerst\u00f6rt. W\u00e4hrend die Anpassungsf\u00e4higkeit von Divi als komplettes Design-Framework einfach zu… So beheben Sie Fehler bei Schriftarten f\u00fcr Mobilger\u00e4te in Divi mit einem einfachen Schritt<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":5,"featured_media":48928,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","footnotes":""},"categories":[22],"tags":[],"class_list":["post-334358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tipps-tricks","entry"],"tpgb_featured_images":{"full":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/01\/how-to-fix-mobile-heading-fonts-divi.jpg",1042,625,false],"tp-image-grid":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/01\/how-to-fix-mobile-heading-fonts-divi.jpg",700,420,false],"thumbnail":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/01\/how-to-fix-mobile-heading-fonts-divi-150x150.jpg",150,150,true],"medium":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/01\/how-to-fix-mobile-heading-fonts-divi-300x180.jpg",300,180,true],"medium_large":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/01\/how-to-fix-mobile-heading-fonts-divi-768x461.jpg",768,461,true],"large":["https:\/\/wp.ezoic.com\/de-lang\/wp-content\/uploads\/2020\/01\/how-to-fix-mobile-heading-fonts-divi-1024x614.jpg",1000,600,true],"default":"https:\/\/wp.ezoic.com\/de-lang\/wp-content\/plugins\/the-plus-addons-for-block-editor\/assets\/images\/tpgb-placeholder.jpg"},"tpgb_post_meta_info":{"get_date":"23. Mai 2021","category_list":{"category":[{"term_id":22,"name":"Tipps & Tricks","slug":"tipps-tricks","term_group":0,"term_taxonomy_id":22,"taxonomy":"category","description":"","parent":0,"count":50,"filter":"raw"}],"post_tag":false,"post_format":false},"author_name":"Allen Longstreet","author_url":"https:\/\/wp.ezoic.com\/de-lang\/author\/allen\/","author_email":"alongstreet@ezoic.com","author_website":"","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["author"],"author_firstname":"Allen","author_lastname":"Longstreet","user_login":"allen","author_avatar":"","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/d3d9283760e71bb3ca24eef2f1cca086?s=96&d=mm&r=g","comment_count":4,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"Tipps & Tricks<\/a> "},"_links":{"self":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/334358"}],"collection":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/comments?post=334358"}],"version-history":[{"count":2,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/334358\/revisions"}],"predecessor-version":[{"id":338403,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/posts\/334358\/revisions\/338403"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/media\/48928"}],"wp:attachment":[{"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/media?parent=334358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/categories?post=334358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.ezoic.com\/de-lang\/wp-json\/wp\/v2\/tags?post=334358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}