*DIVI Booster

https://divibooster.com/divi-booster-the-easy-way-to-customize-divi/

Te koop voor 19 dollar (2019); Automatic updates. Unlimited installs. No recurring fees.
365 day money back guarantee.

Site wide settings

Icons:

Afbeelding boven de header: zie https://divibooster.com/add-a-full-width-image-above-the-divi-header/
Hier staat ook uitgelegd hoe je er voor moet zorgen dat de afbeelding alleen te zien is op de home, of juist alleen op berichten.

Remove box layout shadow: alleen voor als je bij DIVI koos voor gekiste layout.

[collapse]
header

[collapse]
Posts

De uitgelichte afbeeldingen zijn standaard enorm groot. Verklein ze mbv het vinkje bij Do not stretch, maar voeg ook deze code toe


* modify blog post image size to be 70% */
@media all and (min-width: 768px) {body.single article.has-post-thumbnail > img:nth-of-type(1) { width:70% !important; height:auto !important; margin-left: auto; margin-right: auto; display: block;}
body.single article.has-post-thumbnail .et_post_meta_wrapper > img:nth-of-type(1) { width:70% !important; height:auto !important; margin-left: auto; margin-right: auto; display: block;}}

NB: Open linked images in lightbox, is wel heel summier. Alleen een oplichten van de foto en een kruisje.
Daarom vinkte ik het niet aan en gebruik liever de plugin Simple Lightbox

 

[collapse]
divi builder

 

[collapse]
developer tools

Dit helpt echt!

[collapse]