Sélectionner une page

Galerie Divi – 3 images carrées

par | Avr 18, 2021

Your content goes here.

Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/** Modiifcation du nombre de colonne de la galerie d’image **/
/** la classe « col-width » a été ajoutée au module galerie **/

/** Desktop **/
@media (min-width: 981px){
.col-width .et_pb_gallery_item {
width: 33.33% !important; /*six columns*/
clear: none !important;
}
}

/** Tablet **/
@media (max-width: 980px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*four columns*/
clear: none !important;
}
}

/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*three columns*/
clear: none !important;
}
}

/** Phone **/
@media (max-width: 479px){
.col-width .et_pb_gallery_item {
width: 100% !important; /*two columns*/
clear: none !important;
}
}

/**Images carrees**/
.col-width .et_pb_gallery_item img {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
.col-width .et_pb_gallery_image {
padding-top: 100%;
}