I did Enable Divi Gallery on
Divi Theme Options, then TAB MODULE and create a GALLERY by adding on ADD MEDIA.
MY QUESTION:
1. How to change the margins between photos so that they are not too wide.
2. How to change the color of the OVERLAY
Is there a specific css code.
css code :
.custom-tabs li.et_gallery_item.et_pb_gallery_image {
margin-right: 1% !important;
margin-bottom: 1% !important;
width: 32% !important;
}
.custom-tabs li.et_gallery_item.et_pb_gallery_image span.et_overlay {
background: hsl(0deg 52.04% 45.92% / 90%);
}
=========
.custom-tabs li.et_gallery_item.et_pb_gallery_image {
margin-right: 1% !important;
margin-bottom: 1% !important;
width: 32% !important;
}
.custom-tabs li.et_gallery_item.et_pb_gallery_image span.et_overlay {
background: hsla(0, 0%, 0%, 0.2);
}
PADA GALLERY DIVI MODULE STAND ALOND GUNAKAN CSS INI:
@media screen and (min-width: 981px) {
body.single .et_pb_gallery_item {
margin-right: 4%!important;
margin-bottom: 4%!important;
width: 48%!important;
}
body.single .et_pb_gallery_item.last_in_row {
margin-right: 0!important;
}
}
Komentar