Soms moet je foto’s van verschillende formaten in een galerij tonen. En wat is er irritanter dan dat de ene foto langer is dan de andere.
Hiervoor is de oplossing masonry. Hiermee worden foto’s als bakstenen naast elkaar geplaatst.
Om bovenstaande effect te maken, doe het volgende.
1. Maak een sectie aan
2. Maak een row aan 1/1
3. Voeg module galerij toe
4. Voeg al je fotos toe die je in galerij wilt
5. Geef je module de class naam “mili_masonry”
6. Sla het nu op.
Zet nu in je css de volgende stylesheet in.
.mili_masonry {
.et_pb_gallery_items {
columns: 14em;
column-gap: 10px;
width: 100%;
margin-bottom: 30px;
.et_pb_grid_item {
width: 100% !important;
margin-bottom: 10px !important;
overflow: hidden;
break-inside: avoid-column;
}
}
}
Dit is dan scss
Recente reacties