Abstände in Beitragsüberschriften und Videoplayer

Hallo Experten,

ich benötige einmal eure Hilfe. Gestern habe ich meinen neuen Blog veröffentlicht, bin aber mit den Abständen der Überschriften und Videoplayer in den Artikeln nicht zufrieden. Ich hätte das gerne voreingestellt global angepasst. Ich weiß, dass man sowas in der Style.css anpassen kann, bin aber nicht der beste Coder und kenne mich mit CSS gar nicht aus.

Ähnliche Anpassungen würde ich gerne mit dem Standardtext aus dem Classic Editor machen. Dieser steht immer auf Georgia - ich hätte den aber gerne auf Arial geändert.

Könnt ihr mir hier helfen und mitteilen, was ich in der Style.css dafür anpassen muss?

Die Webseite, die das betrifft, findet ihr hier: https://playwave.de/playstation-5-…-im-ueberblick/

Besonders nach dem ersten Youtube-Video sieht man, dass sowohl nach dem Player als auch nach der darauffolgenden Überschrift ja eigentlich gar kein Abstand ist und das nicht so schön aussieht.

Ich freue mich auf eure Antworten.

Vielen Dank im Voraus.

Viele Grüße
Alex

Hi Marcus,

vielen Dank für deine Antwort!
Ich hab die Style.css nun mit deinem Coding angepasst, aber kann leider überhaupt keinen Unterschied erkennen. Es ist auch egal, ob ich 5px oder 20px angebe, die Überschriften ändern sich nicht. Meine Style.css sieht jetzt so aus:

Hab ich hier etwas Rudimentäres vergessen?

Zu dem Text:
Ja ich meine die Font, die im Classic Editor standardmäßig eingestellt ist. Die Voreinstellung steht auf "Georgia". Selbst wenn ich die auf "Arial" ändere, stellt sich die Font automatisch nach dem nächsten Abschnitt wieder auf "Georgia" zurück. Kann man das irgendwo anpassen?
Ich schaue mir auch mal die CSS Files des Themes an - danke für den Hinweis!
Ist mein erstes Wordpress - daher bitte ich Anfängerfehler/Unwissen zu entschuldigen. :rolleyes:

Edit: Jetzt funktionieren die Abstandseinstellungen (vermutlich ein Cache Problem?). Ich werde jetzt noch ein wenig mit den anderen Abständen rumspielen - vielen Dank nochmal! Falls jemand noch eine Idee wegen der Standard-Font im Editor hat, immer raus damit. :)

Edit2: Nach dem Einfügen von zusätzlichen padding-bottom Einstellungen setzt sich alles wieder zurück und ich steh am Anfang. Jetzt bin ich wirklich ratlos :(

Hier nochmal das aktuelle Bild:

Zitat von SEpp55

Versuche mal in dem verlinkten Beispiel mit folgendem Selektor:

Code

.elementor-widget-theme-post-content h2 {
  padding: 1.0em 0 0.5em 0;
}

Die Werte nach dem Muster: oben, links unten, rechts

DAS HAT FUNKTIONIERT DANKE! :D
Ich hätte nicht gedacht, dass man sich dann extra noch auf einen Elementor "Selektor" beziehen muss, wenn man den Page Builder nutzt. :rolleyes:

Zu deiner Anmerkung wegen Elementor:
Ja du hast recht, hauptsächlich nutze ich für das Design der Seite Elementor, bleibe aber bei den Artikeln im Classic Editor. Das hat zum Einen den Hintergrund, dass ich das schon Jahre vorher auf einer anderen Seite so gemacht habe und zum Anderen, dass ich es für Neulinge in meinem Team nicht allzu "kompliziert" machen möchte beim Artikel-Schreiben auf täglicher Basis. :)

Falls noch jemand einen Hinweis bezüglich der Änderung der Standard Schriftart im TinyMCE Classic Editor hat, wäre ich wirklich glücklich. :)

Edit: Und wieder zurück auf Anfang.... Hmm komisch irgendwie funktioniert es beim ersten Mal, aber dann beim nächsten Öffnen des Beitrags ist wieder alles wie vorher - überschreibt hier irgendwas die Einstellungen in der Styles.css?

Edit2: Oh Mann ich werde hier noch wahnsinnig! :D Und wieder einmal eine Aktualisierung, dieses mal mit STRG+F5 (Firefox) und nun wird es wieder korrekt angezeigt, auch nach dem nächsten Öffnen des Artikels. Ich beobachte das weiter, aber es sieht jetzt wieder gut aus.

Nein zusätzliche Funktionen habe ich (noch) nicht implementiert. Das Child-Theme war mit eine der ersten Anpassungen, als ich noch nicht wusste, wie ich die Seite bauen wollte.

Den Quellcode habe ich wieder in der Style.css des Child-Themes eingebaut.

Das Verhalten ist nur etwas seltsam, dass es mal geht, mal nicht und so im ständigen Wechsel. Bei den letzten paar Refresh Versuchen und Cache leeren ging es jetzt wieder. Ich hatte mal auf einem Chroome Browser geschaut und da keine Probleme feststellen können. Die Probleme konnte ich nur auf Firefox sehen. Vielleicht gibt es da ein Caching Problem? Hatte zu Beginn ein ähnliches Problem mit dem Footer, da die erste Überschrift "Team" im Firefox nur angezeigt worden ist, nachdem ich STRG+F5 gedrückt hatte oder F12 zum Element untersuchen betätigte. Beim nächsten Öffnen der Seite war das Problem aber wieder vorhanden und konnte erst nach einem kompletten Neubau des Footer-Templates plötzlich behoben werden. Ich bin mir nicht ganz sicher, ob das jetzt wieder ein Problem in die Richtung mit den Überschrifts-Abständen ist. :rolleyes:

Sehr gut! Hoffentlich bleibt es jetzt so - vielen Dank nochmal! :)

An alle, die sich die Frage wegen der Standard Schriftart stellen und zufällig auf diesen Thread gestoßen sind. Ich konnte das mithilfe des folgenden Links lösen:

https://wordpress.org/support/topic/…t/#post-9385040
https://premium.wpmudev.org/forums/topic/m…he-text-editor/

Durch diese Coding Anpassungen in der Functions.php und einer zusätzlichen css Datei wird die Schrift beim Veröffentlichen eines neuen Beitrages automatisch in Arial umkonvertiert. Im Classic Editor wird weiterhin in Georgia geschrieben, aber nach Veröffentlichung habt ihr euren Artikel mit der Schriftart Arial. ;)