Beiträge von bluerate

Zitat

[COLOR=#333333]Beim Aufbau der Seiten mit Divi, habe ich in den Text-Modulen p, h1, h2, etc. verwendet. Die Grundeinstellungen waren "default" und es gab beispielsweise Vorgaben für h1 mit 30px. Da ich grundsätzlich gerne die Schrift [/COLOR]Lato verwenden möchte, einen Zeilenabstand von 1.5em und beispielsweise für h1 18px statt 30px, habe ich für jedes Text-Modul unter dem Reiter Design oben (neben Inhalt und Erweitert), h1 neu definiert.

Das ist genau das Problem bei Divi. Also jetzt den Visual Builder nicht benutzen. Im Backend Builder das Text-Modul mit H1 durch Code Modul ersetzen und den Text im Content zb.: <h1>Mein Text</h1> einfügen. Anschliessend unter dem Tab Advanced in CSS Class zB.: mein-titel eintragen.

In die style.css Deines Child Themes die folgende CSS Anweisung eintragen:

.mein-titel .et_pb_code_inner h1 {
font-family: lato;
font-size: 18px;
}

Dann Datei speichern, Browser Cache leeren, Seite neu laden. Wenn Du im Browser die Firebug Erweiterung nicht hast unbedingt installieren.

Mit Mauszeiger in den Browser bewegen und mit Klick auf rechte Taste im Menu "Untersuchen" auswählen oder mit Taste F12 den Firebug öffnen. Im Tab "Elemente" wird der Quellcode angezeigt. Das äusserste Icon auf der linken Seite auswählen und mit dem Cursor den Text auswählen. Auf der rechten Seite des Firebug Tools unter dem Tab "Styles" werden Dir die CSS Anweisungen für das ausgewählte Element Deiner Seite angezeigt. Bei meinem Test also:

.mein-titel .et_pb_code_inner h1 {
font-family: lato;
font-size: 18px;
}

Und hier kannst Du das h1 Element nach Deinen Wünschen anpassen und dann die definitiven Anweisungen in Deine style.css Datei schreiben.

Hallo Opsinis

Zitat

[COLOR=#333333]ich arbeite mit Divi und habe ein Child theme mit den Ordnern style.css und functions.php in filezilla angelegt. Das funktioniert auch soweit.[/COLOR]

Du musst im Ordner deines Child themes keine Unterordner mit den erwähnten Bezeichnungen anlegen. Sondern Du musst im Ordner deines Child themes Dateien mit diesen Bezeichnungen anlegen. In der functions.php musst Du dann mit der enqueue Funktion den Pfad zur Divi Eltern Datei einfügen. In der style.css Datei kannst Du dann Deine eigenen CSS Anweisungen einfügen.

Ich arbeite auch mit Divi, benutze den Divi Frontend Builder jedoch nur für den Entwurf. Die Seiten-Entwürfe erstelle ich sowieso immer auf einem "staging"-System (entweder auf meinem Rechner oder auf dem neuen Server unter staging.neue-domain.tld). Die Seite erstelle ich dann mit dem Builder im Backend ohne die vielen Inline-CSS-Einstellungen, die ich dann mit Firebug in die style.css Datei des Child theme einfüge. Weiter füge ich HTML-Code, Texte und Shortcodes nicht mit dem Text-Modul sondern mit dem Code-Modul ein und füge deren CSS-Anweisungen ebenfalls über die style.css Datei im Child Theme ein. Ist mit Mehrarbeit verbunden, dafür kriege ich Seiten mit weniger Code und dafür mit kürzeren Ladezeiten. Weiter kann ich die CSS-Anweisungen von einem Ort aus anpassen bzw. ändern. Dies hat vor allem bei der Arbeit mit den media queries für die mobilen Geräte einen besseren Einfluss.