Hallo, bin jetzt nicht sicher, ob hier oder besser in Plugins?
Schreibe Blogbeiträge, benutze Elementor und Advanced Editor Tools.
Habe mit KI versucht herauszufinden, wie ich die Abstände
- nach H2 Überschriften
- nach Tabellen
- vor Aufzählungslisten
im Blobbeitrag verkleinern kann ( die Abstände waren mir deutlich zu groß).
Haben in WP, Elementor und Advanced Editor Tools keine Einstellmöglichkeiten gefunden, außer CSS.
KI hat gut geholfen, auch wenn nicht jeder Code auf Anhieb funktionierte.
jedoch habe ich jetzt wieder ziemlich viel CSS Codes drin, und mir wurde schon mehrfach gesagt, dass man das nur im Notfall nutzen sollte.
Kennt jemand eine Alternative zu CSS Codes für meine Abstandswünsche?
.entry-content table p:last-child {
margin-bottom: 0;
}
/* entfernt leerezeile in tabellen */
body #mobile-fullscreen { width: 100vw;height: 100vh }
/* menü mittig in mobile ansicht */
/* H2, die innerhalb eines Texteditor-Widgets stehen, enger machen */
.elementor .elementor-widget-text-editor h2 {
margin-bottom: 6px !important;
}
/* Falls der große Abstand vom NACHFOLGENDEN Element kommt, dessen margin-top direkt nach H2 verkleinern */
.elementor h2 + p,
.elementor h2 + ul,
.elementor h2 + ol,
.elementor h2 + div {
margin-top: 6px !important;
}
/* Abstand UNTER Tabellen verkleinern */
.elementor .elementor-widget-text-editor table {
margin-bottom: 20px !important;
}
/* Nur in Blogbeiträgen */
.single-post .elementor .elementor-widget-text-editor p:has(+ ul),
.single-post .elementor .elementor-widget-text-editor p:has(+ ol) {
margin-bottom: 6px !important; /* Absatz unten kleiner, wenn direkt Liste folgt */
}
.single-post .elementor .elementor-widget-text-editor p + ul,
.single-post .elementor .elementor-widget-text-editor p + ol {
margin-top: 6px !important; /* Liste oben kleiner */
}