DIVI CSS-Hacks

CSS für die Seiteneinstellungen

Beitragsbild auf der Blogseite nicht in ganzer Breite darstellen:

.et_post_meta_wrapper img{
    max-width: 400px;
  }

Hintergrund der Seite einfärben

#main-content, .et_pb_column, .et_pb_section { 
    background-color: rgba(255, 70, 255, 128) !important;
  }

CSS für einzelne Module

Eingabe der Webseite bei Kommentaren ausblenden

Die Eingabe einer Webseiten-URL bei einem Kommentar ist wohl nur noch historisch zu verstehen: Früher haben sich Blogger eben oft und gerne gegenseitig kommentiert.

Heutzutage ist die Angabe einer Webseite oft jedoch nur eine Einladung, um ein Blog gnadenlos zuzuspammen und bis auf Ausnahmen nicht erwünscht.

/* Kontaktformular Webseiten-Abfrage ausblenden */
#commentform .comment-form-url {
 display: none;
}

Bildschirmfüllende Hero-Grafik in allen Auflösungen

Bildschirmfüllend wird eine Grafik (oder jedes andere Modul), indem sie in den Sektion-Einstellungen unter Design als Höhe ‚100vh‘ eingeben. Nun wird das Bild aber immer von der oberen linken Ecke ausgehend dargestellt, was meistens nicht erwünscht ist. Um das Bild zentriert darzustellen in den Sektion-Einstellungen unter ‚Erweitert / benutzerdefinierte CSS / Hauptelement‘ folgende Anweisungen eingeben:

display: flex;
flex-wrap: wrap;
align-content: center;