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

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;

Kommentar hinterlassen