Selecteer een pagina

Beschrijving

aanpassen breedte van kolommen

Communicatie

‘m using the Divi Gallery module. 2 pages. First page you see 4 at a row. But page 2 it shows 3 on a row. Why???
It happens landscape and portrait. It happens when the gutter is 1,2 or 3. How can i get rid of this discrepancy. I also did empty the cache several times times. And reloaded many times. It happens on Desktop, Laptop and iPad.

I hope you can solve this for me, please.
In advance many thanks.

Attentie

Alleen in free-form css in de module lightbox.
Trouwens deze code is erg handig om nauwkeurig de gap tussen de foto’s te bepalen. Met de Module en row settings is dat niet mogelijk. !!!!

 Systeem aanpassen thema • Divi option > general > aangepaste css

Nog verder in te vullen………

 

Nog verder in te vullen………

Aanvullende Css • Divi option > general > aangepaste css

Nog verder in te vullen………

 

Nog verder in te vullen………

Divi options > integration > Voeg code toe aan de < body > 

Nog verder in te vullen………

 

Nog verder in te vullen………

Divi options > integration > Voeg code bovenaan uw posts toe.

Nog verder in te vullen………

 

Nog verder in te vullen………

Divi options > integration >

Voeg code onderaan uw posts toe, geplaatst voor de reacties

 

Nog verder in te vullen………

 

Nog verder in te vullen………

Divi componenten. aangepaste cs

 

Nog verder in te vullen………

 

Nog verder in te vullen………

Css in vrije vorm

@media (min-width: 981px) {
selector .et_pb_gallery_items.et_post_gallery.clearfix {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2px; /* adjust spacing between items as needed */
}

selector .et_pb_grid_item.et_pb_gallery_item {
    width: 100% !important;
}
}
Borhan here from the Technical Support Team would like to pick up where my colleague left off.
The WordPress code validator is a bit outdated and does not recognize some modern CSS properties like grid and gap. 🙂
However, these properties are currently supported in all modern browsers. So the code should work just fine. You can ignore the warnings for now. ✅
Let me know if you have further questions or need more assistance. 🙂

Elementen voor

Hoofd elementen

Elementen na

Afbeeldingen

Nog verder in te vullen………

 

Nog verder in te vullen………